Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/frnn4268/easyparkchat

EasyParkChat is a user-friendly communication platform designed specifically for employees, offering seamless and efficient communication within organizations
https://github.com/frnn4268/easyparkchat

Last synced: 14 days ago
JSON representation

EasyParkChat is a user-friendly communication platform designed specifically for employees, offering seamless and efficient communication within organizations

Awesome Lists containing this project

README

        

# EasyPark Chat

![GitHub stars](https://img.shields.io/github/stars/Frnn4268/EasyParkChat.svg)
![GitHub forks](https://img.shields.io/github/forks/Frnn4268/EasyParkChat.svg)
![GitHub issues](https://img.shields.io/github/issues/Frnn4268/EasyParkChat.svg)

## 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:
![Login](https://drive.google.com/uc?export=download&id=13XnGSaf2l9vxUnxEedit22mn9FOUVpWz)

### 2. Register:
![Register](https://drive.google.com/uc?export=download&id=1fAKaQzbZPlN6lOJs9srmIZPOxZjrNjFh)

### 3. Avatar selector:
![Avatar](https://drive.google.com/uc?export=download&id=1AngR7B2LK7B_UwATREDhRGcXWXkcMwxa)

### 4. Home:
![Home](https://drive.google.com/uc?export=download&id=1KHYSnoDQjYo_0r31bLTfzZInjpSMj5Qd)

### 5. Chat:
![Chat](https://drive.google.com/uc?export=download&id=1NB88X3x51-hc3Svz4AF5xgR-754mq_f5)