A real-time chat application built using the MERN stack (MongoDB, Express, React, and Node.js). It supports real-time messaging, user authentication, active status and has a pleasing simple user interface.
https://guffgaff-kpsd.onrender.com
This is the link to deployed website. You can check it out.
First time opening website may take some time approximately 1 minute
- Real-time messaging with WebSocket (using Socket.io)
- User authentication (sign up, login, and logout)
- Chat history with MongoDB storage
- Responsive design for desktop and mobile
- Attractive toast info
- Frontend: React, Zustand, TailwindCSS, DaisyUI
- Backend: Node.js, Express, Mongoose
- Database: MongoDB
- Real-time Communication: Socket.io
- Authentication: JWT (JSON Web Token) for session handling
If you want to try this web service locally, these are the prerequisite
- Node.js installed (version 14 or above)
- MongoDB installed or a MongoDB Atlas account for cloud hosting and connection string
GuffGaff
├──backend
├──frontend
├──.env
├──.gitignore
├──package-lock.json
├──package.json
└──README.mdClone this github repo in a folder by running this command in this folder
git clone https://github.com/Prabin1025y/GuffGaffOpen repo folder in terminal
cd GuffGaffCreate a .env file in GuffGaff directory add following variables
PORT = 8000
MONGO_DB_URL = Your Mongodb Connection String
JWT_SECRET = Your JWT Sectret (can be literally anything like your name)
NODE_ENV = developmentRun the build command
npm run buildRun the start command
npm run startThe website will start in http://localhost:8000 or in PORT of your environment
Contributions are welcome! Please fork the repository, create a new branch, and submit a pull request.
This project is licensed under the MIT License.
- GitHub: Prabin1025y
- LinkedIn: Prabin Acharya
- Email: acharyaprabin1025y@gmail.com