说明: Male Box Client应用程序是一个消息传递平台,允许用户实时发送和接收消息。它利用套接字编程在客户端和服务器之间建立连续连接,实现即时消息传递,而不需要页面刷新。
(The Male 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.)
# The Male Box Client
The Male 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
![MailClientDemo-ezgif com-video-to-gif-converter](https://github.com/JulianToppo/MailBoxClient/assets/51400577/82d3d138-02a5-4226-a9e3-dc33e6336eba)
## 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:
```bash
git clone https://github.com/JulianToppo/MailBoxClient.git
```
2. Navigate to the project directory:
```bash
cd Backend
```
Create a `.env` file in the root directory of the project and add the following environment variables:
```bash
DB_NAME=''
DB_USERNAME=''
DB_PASSWORD=''
DB_HOST=''
```
3. Install dependencies:
```bash
npm install
```
4. Start the development server:
```bash
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:
```bash
cd Frontend
```
7. Install dependencies:
```bash
npm install
```
8. Start the development server:
```bash
npm start
```
10. 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](LICENSE) file for details.
## Contact
Have any questions or suggestions? Feel free to reach out to us at [juliantoppo95@gmail.com](mailto:juliantoppo95@gmail.com).
Happy messaging!