A website in which you can play 3 games which are :
- Tic Tac Toe
- Rock Paper Scissors
- Guess The Number
The selling points in this project:
- The design of the project is completely done manually (in Homepage.css)
- Utilises MERN (MongoDB,Express,React,Node) Stack
- Attractive and eye catching UI, Both for the games and for webpage (refer to Output.pdf)
To run the backend components (login, signup, comment.js) and the frontend of the Webgames project, follow these instructions:
-
Open your terminal.
-
Navigate to the
login
directory of your backend project:cd backend/login
-
Start the login server using npm:
npm run dev
-
After starting, you should see a message indicating that the server is listening on port 8080 and that the connection has succeeded.
-
Open your terminal.
-
Navigate to the
signup
directory of your backend project:cd backend/signup
-
Start the signup server using npm:
npm run dev
-
After starting, you should see a message indicating that the server is listening on port 8000 and that the connection has succeeded.
-
Open your terminal.
-
Navigate to the
src/components
directory of your project:cd src/components
-
Start the comment.js server using node:
node comment.js
-
After starting, you should see a message indicating that the server is listening on port 4000 and that the connection has succeeded.
-
Open your terminal.
-
Navigate to the main directory of your project.
-
Start the frontend server using npm:
npm start
-
After starting, you should see a message indicating that the frontend has been compiled successfully, and you can now view it in the browser.
- Local: http://localhost:3000
- On Your Network: http://192.168.0.101:3000 (if you want to access it from other devices in the same network)
Make sure you have MongoDB running if you're using comment.js to ensure the connection succeeds.