This README provides an overview of the front end side of chat pro, its features, and instructions on setup and usage. The project is built with React and offers a user-friendly interface for seamless real-time chat experiences. The backend for this app was built using NestJS, and you can refer to the separate README for backend details.
The frontend of the Chat App provides a range of features for users:
-
User Authentication: Users can sign up and log in to the app using their email and password. The app also features password and email change workflows.
-
Real-Time Messaging: Send and receive messages in real-time.
-
Message Replies: Easily reply to specific messages to maintain organized and threaded discussions.
-
Online Status: See the online/offline status of other users.
-
Notifications: Receive notifications for new messages.
-
Light and Dark Modes: Support for preffered display modes. The app also supports automatic switching between light and dark modes based on OS settings.
Follow these steps to set up and run the frontend app on your local machine:
- Make sure node and npm or yarn is installed on your computer.
-
Clone the repository to your local machine:
git clone [email protected]:misterpaul4/chat-pro-frontend.git
-
Install required dependencies:
yarn
-
Start server:
yarn dev
The app should now be running locally and can be accessed at http://localhost:5173
Contributions are welcome! If you would like to contribute new features, improvements, or bug fixes, please fork the repository, create a new branch, and submit a pull request.
Give a ⭐️ if you like this project!
This project is MIT licensed.