The Mail Box Client

The Mail Box Client application is a messaging platform that allows users to send and receive messages in real-time. It utilizes socket programming to establish a continuous connection between the client and the server, enabling instant message delivery without the need for page refreshes.

Features

• Real-Time Messaging: Experience seamless communication with real-time message delivery.
• User Authentication: Secure your conversations with user authentication.
• Dynamic UI: Enjoy a responsive and user-friendly interface for smooth navigation.

Demo Video

Technologies Used

• Frontend: React.js
• Backend: Node.js,ExpressJS Socket.io
• Database: SQL
• User Authentication: JWT
• Styling: TailwindCss

Setting Up

Before running the application, ensure that you have Node.js installed on your system. Then, follow the steps below to set up and run the client application:

1. Clone the repository:

   git clone https://github.com/JulianToppo/MailBoxClient.git

2. Navigate to the project directory:

   cd Backend

   Create a .env file in the root directory of the project and add the following environment variables:

   DB_NAME=''
   DB_USERNAME=''
   DB_PASSWORD=''
   DB_HOST=''

3. Install dependencies:

   npm install

4. Start the development server:

   npm start

5. Open your browser and navigate to http://localhost:3000 to access the client application.(if running locally)

6. Navigate to the project directory:

   cd Frontend

7. Install dependencies:

   npm install

8. Start the development server:

   npm start

9. Open your browser and navigate to http://localhost:3001 to access the client application (if running locally).

Contributing

Contributions are welcome! Whether you're interested in adding new features, fixing bugs, or improving documentation, feel free to open a pull request. For major changes, please open an issue first to discuss potential updates.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Contact

Have any questions or suggestions? Feel free to reach out to us at [email protected].

Happy messaging! 📩✨