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 https://localhost:9000 with your browser to see the result.
Topbar : https://localhost:8080
Sidebar : https://localhost:8081
Control : https://localhost:8082
PluginHeader : 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
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