Chat-And-Chill - Real-Time Chat Application

Chat-and-Chill is a real-time chat application built with the MERN stack, designed for users to engage in instant messaging and group conversations. It leverages the power of Chakra UI for a modern and responsive UI, and utilizes Socket.io for real-time communication features.

Features

• User Authentication: Secure user authentication with login and sign-up functionality.
• Search and Connect: Search for other users and initiate conversations.
• Real-Time Messaging: Engage in real-time conversations with friends and groups.
• Typing Indicators: See when someone is typing in a chat.
• Notification System: Receive notifications for new messages.
• User Profiles: View detailed user profiles to learn more about your chat partners.

Features

Login Sign Up User Page Search Users Typing... Create Group Chat View Profile Notifiction

Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

1. Clone the repository:

   git clone https://github.com/hafilu/Chat-And-Chill.git
   
   cd chat-and-chill
   cd frontend
   npm install
   cd ../backend
   npm install
   
   Configure the environment variables by creating a .env file in the backend directory with the required variables.
   
   cd backend
   npm start
   
   cd ../frontend
   npm start
   
   Access the application by opening your web browser and navigating to http://localhost:3000.
   

Built With

• MongoDB - Database
• Express.js - Node.js Framework
• React - Frontend Library
• Node.js - Runtime Environment
• Chakra UI - UI Framework
• Socket.io - Real-Time WebSockets

Acknowledgments

A special thanks to @Piyush-eon for helping me to build this app