The Best Bands (Sockets.io + React)

Real-time application where you can vote and add your favorites bands

For this app, I use Socket.io library in an express application and React.js for the client side, The class-oriented server approach for greater scalability. And React App is modularized and ready for multiples uses, thanks to implementation of Custom Hooks and Context Provider to obteins the Socket connection.

To lounch the project in "Dev Mode"

1. Clone this repository in your local environment

Server

2. Run the npm install command
3. Copy the file .env.template and rename it to .env
4. (If you don't have nodemon installed, Run the npm install nodemon -g).

• After, start the project called "bandname-server" with the command npm run dev

Client

5. Run the npm install command
6. Start the project called "bandnames" with the command npm start

---

To Test the App, Open two Instances of the Browser and make changes to the values, add new bands and you will see the changes applied in real time on both instances.

---

Thank you for reading!

Visit my LinkedIn Profile here: