# 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<br>

  (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> | 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. <br>

*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 %}