Chat-App

Whatapp clone, the aim is to enable people to communicate in real time

Requirements

• Node.js
• MongoDB
• React.js
• Express.js

Features

• Authentication: User registration and login using JWT and cookies.
• Real-time Messaging: Users can send and receive messages in real-time.
• Responsive Design: Styled with Tailwind CSS and daisyUI for a modern look.

Database and Environment Setup

• Search for MongoDB on its official website (https://www.mongodb.com/).
• Create a new database and collections.
• Configure the necessary settings to connect the project to the MongoDB database.
• Add the path value to the .env file.

Application Setup:

• git clone https://github.com/oktay379/Full-Stack-Chat-App
• cd Full-Stack-Chat-App
• cd frontend npm run dev
• Open another terminal and start the backend
• cd backend npm start

User Registration

Open the application in your browser. On the homepage, click on "Register" in the Navbar to open the registration form. Fill in the required information (username, email address, password, gender). Click "Submit" to complete the registration. Once registration is successful, you can log in.

Technologies Used

• JWT and Cookies: Used for user authentication and storing user information.
• State Management: Managed using Context Api.
• Real Time: Socketio was used for real time.
• Design: Styled with Tailwind CSS and daisyUI.

Pictures: