EasyPark Chat

Project Description

EasyPark Chat is a full-stack chat application designed for employees of a parking facility. It utilizes the MERN stack (MongoDB, Express.js, React.js, Node.js) to provide a seamless and efficient communication platform for employees.

Installation

To install EasyPark Chat locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Frnn4268/EasyParkChat.git

2. Navigate to the project directory:

   cd EasyParkChat

3. Install dependencies:

   • For the Server

   cd server npm install

   • For the Client

   cd client npm install

4. Set up environment variables:

   • Create a .env file in the server directory.

   • Define the following variables in the .env file:

   PORT=your_server_port

   MONGODB_URI=your_mongodb_connection_string

5. Start the server:

   • In the server directory:

   npm start

6. Start the client:

   • In the client directory:

   npm start

7. Access the application:

   Open your web browser and go to http://localhost:3000 to access the EasyPark Chat application.

Usage

• Register an account with your email and password.
• Log in with your credentials.
• Start chatting with your colleagues in real-time.

Technologies Used

• MongoDB
• Express.js
• React.js
• Node.js
• Socket.IO

Contributing

Contributions are welcome! Please feel free to fork the repository and submit pull requests to contribute to this project. If you encounter any bugs or issues, please open a new issue on GitHub.

Images

1. Login:

2. Register:

3. Avatar selector:

4. Home:

5. Chat: