---
description: 🎨 | Mumble Frontend Requirements
---

# Frontend Requirements

## Requirements :

For development, you will need Node.js and a node global package, NPM or Yarn, installed in your environement along with a text editor of your choice.

### Node

*   **Node installation on** ![](https://img.shields.io/badge/Windows-0078D6?style=for-the-badge\&logo=windows\&logoColor=white) **or Mac OS :**

    The least version of node required is v14.x.

    Just go on the official  website and download the installer. Also, be sure to have `git` available in your PATH, ![](https://img.shields.io/badge/npm-CB3837?style=for-the-badge\&logo=npm\&logoColor=white) might need it\


    (You can download  by clicking on the badge)
*   **Node installation on** ![](https://img.shields.io/badge/Ubuntu-E95420?style=for-the-badge\&logo=ubuntu\&logoColor=white) **:**

    **Install NVM**

    ```
      curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash
    ```

    or wget -qO- [https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh](https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh) | bash

    To check that nvm is installed, type nvm --version 0.38.0

    Then run nvm install 14.16.0

    This command automatically installs ![](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge\&logo=node.js\&logoColor=white) as well as the latest ![](https://img.shields.io/badge/npm-CB3837?style=for-the-badge\&logo=npm\&logoColor=white) version
*   **Other Operating Systems :**

    You can find more information about the installation on the  and the&#x20;

#### If the installation was successful, you should be able to run the following command.

```
  $ node --version
  v14.16.0

  $ npm --version
  6.14.8
```

## Reviewers :

After submitting your PR, please tag reviewer(s) in your PR message. You can tag anyone below for the following.

*   **Markdown, Documentation changes :**

    Request [@Mehdi - MidouWebDev](https://github.com/MidouWebDev)'s review !
*   **Frontend, Design :**

    \--> _Choose two reviewers :_

    [@Dennis Ivy](https://github.com/divanov11)

    [@Shahriar Parvez](https://github.com/Mr-spShuvo)

    [@Cody Seibert](https://github.com/codyseibert)

    [@Mehdi - MidouWebDev](https://github.com/MidouWebDev)

## Project Board

In our repository, there is a project board named Tasks - Mumble, it helps moderators to see how is the work going. \


_Preview :_ ![](https://cdn.discordapp.com/attachments/824655741318332426/843776954204815380/projects-icon.PNG)

![](https://cdn.discordapp.com/attachments/824655741318332426/843784043354259456/project-board.gif)



{% embed url="https://github.com/divanov11/Mumble/projects/3" %}
Check the Project Board !
{% endembed %}
