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

github-actions github-workflows mongodb nodejs reactjs socket-io

Last synced: 4 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/frnn4268/easyparkchat
• Owner: Frnn4268
• Created: 2024-05-28T21:36:03.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-06-09T20:37:04.000Z (almost 2 years ago)
• Last Synced: 2025-06-25T02:44:08.624Z (11 months ago)
• Topics: github-actions, github-workflows, mongodb, nodejs, reactjs, socket-io
• Language: JavaScript
• Homepage:
• Size: 2.1 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

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)