This is the Zuri Chat frontend built with ExpressJS (Backend) and React (Frontend)

Make sure you have nodejs installed by running the following command:

node -v

If the output is not the version of your nodejs installation, install nodejs from here

After installing nodejs install yarn if you have it then install the project's dependencies:

yarn install

to only install for one of the folders(topbar, sidebar, control)

yarn setup:<FOLDER-NAME>

To start the whole application server

yarn dev

To only start a single application server run the following command

yarn dev:<FOLDER-NAME>

Open http:https://localhost:9000 with your browser to see the result.

Topbar : http:https://localhost:8080

Sidebar : http:https://localhost:8081

Control : http:https://localhost:8082

PluginHeader : http:https://localhost:8083

yarn build

To only build a single application server run the following command

yarn build:<FOLDER-NAME>

To remove all node_modules and yarn.lock

yarn clean:fresh

To open app in the browser

yarn open

We're using eslint for js linting, stylelint for css linting and prettier for code formating, make sure you install eslint and prettier plugins in your editor so you can see linting errors as you code and have your code formatted on save by prettier. If formatOnSave doesn't work please google how to set up format on save for the eslint & prettier plugins in your editor 🙃

For detailed information on how to go about contributing to this project. Check out the

• Contribution Guide
• Styling Guide

Before send PR or making a merge make sure you code is properly formatted. You can easily do that by running

yarn lint # to lint all files # in project directory
yarn lint:js # to lint only js,jsx files # in project directory
yarn lint:css # to lint only css files # in project directory

yarn prettify # to prettify files # in project directory

you can also lint for all files in the repo by running that command in the root folder