Skip to content

akash27nik/Chat-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 

Repository files navigation

Chit-ChatApp

A modern, full-stack chat application built with React, Node.js, Express, and Socket.io.
Chat with friends, share media, and enjoy real-time messaging!


Features

  • Real-time messaging with Socket.io
  • User authentication (Sign Up, Login, Profile)
  • Media sharing (images, videos)
  • Status updates
  • Online/last seen indicators
  • Emoji picker and reactions
  • Responsive design for desktop and mobile

Tech Stack

Frontend:

  • React
  • Tailwind CSS
  • Vite

Backend:

  • Node.js
  • Express
  • MongoDB
  • Socket.io

Getting Started

Prerequisites

  • Node.js & npm
  • MongoDB (local or Atlas)

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/ChatApp.git
    cd ChatApp
  2. Install frontend dependencies:

    cd frontend
    npm install
  3. Install backend dependencies:

    cd ../backend
    npm install
  4. Configure environment variables:

    • Copy .env.example to .env in the backend folder and fill in your values.
  5. Start the backend server:

    npm start
  6. Start the frontend dev server:

    cd ../frontend
    npm run dev

Screenshots & Demo

Add screenshots and demo videos here.


Folder Structure

ChatApp/
  frontend/
    src/
    public/
    ...
  backend/
    controllers/
    models/
    routes/
    ...

License

This project is licensed under the MIT License.


Contributing

Pull requests are welcome! For major changes, please open an issue first to discuss what you would like to change.


About

Chat APP

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages