Chat-App

Project using frontend technologies like html,css,js,tailwindcss,reactjs and backend technologies like nodejs,expressjs and mongodb.

Mini-Project

This is second mini project in which a web based application named Real time Chatting Application is created using html,css,javascript tailwindcss , reactjs , expressjs , nodejs and mongodb database.

Chat-App

ChatApp is a real-time messaging application that allows users to connect, communicate, and share seamlessly. With a user-friendly interface, robust features such as multimedia support, customizable themes, and cross-platform compatibility, ChatApp provides a modern and engaging chatting experience. Ensure instant and secure communication with our easy-to-use, feature-rich chatting platform.

Table of Contents

• Chat-App
  • Table of Contents
  • Features
  • Getting Started
    • Prerequisites
    • Installation
    • Project Structure
    • Technologies Used
    • Deployment:
    • Contributing

Features

• User authentication
• Real-time Messaging
• Chat rooms
• Typing Indicators
• User friendly interface for Users
• Notifications
• Profile Editing
• Group Chat
• Video Call
• Payment Blue Tick
• Emojis and Stickers
• Urgent Text Notification
• Payment Blue Tick
• Payment to chat with Filmstar

Dependency

• Socket.io
• Bcrypt
• JWT(Json web Token)
• Tailwind CSS
• Reactjs
• Vitejs
• Git Github Version Control
• MongoDB Backend
• Expressjs Server

Getting Started

Prerequisites

Before you begin, ensure you have the following installed:

• Git (optional): Download

Installation

1. Clone the repository:

   bash

   git clone https://github.com/yashasvii29/Chat-App.git

   cd chat-App

2. Install backend dependencies:

   nodejs

   mongodb

3. There will be server

expressjs

5. Access the application in your browser by live server.

Project Structure

• client
  • src
  • public
• server
  • app.js
  • package.json

Technologies Used

• Frontend:

  • HTML,CSS
  • Javascript
  • React js
  • TailwindCSS: CSS framework

• Backend:

  • MongoDB
  • Express js
  • Node js

Deployment:

• Netlify: Frontend deployment

Contributing

Contributions are welcome! To contribute to this project, follow these steps:

• Fork the repository.
• Create a new branch for your feature: git checkout -b feature-name.
• Commit your changes: git commit -m 'Add some feature'.
• Push to the branch: git push origin feature-name.
• Create a pull request explaining your changes.
• Create a pull request explaining your changes.