Real-time application Project

Chattila

Live Link : https://chattila.vercel.app

Table of Contents

• Introduction
• Tech Stack
• Screenshots
• Features
• Installation

Introduction

With a focus on simplicity and clean design, this app houses real-time chatting functionality and unleashes smart conversations by integrating AI.

Tech Stack

This project was built using the following technologies and tools:

• Frontend:

  • HTML
  • CSS
  • JavaScript
  • ReactJS
  • Redux
  • Axios
  • Lucide React
  • React awesome reveal
  • Tailwindcss
  • Socket.io Client

• Backend:

  • Mongoose
  • Express
  • Json web token
  • Bcryptjs
  • Cors
  • Express validator
  • Dotenv

• Database:

  • Mongodb

• Ai Integration:

  • Groq
  • Vercel SDK

• Real-time chatting:

  • Socket.io

• Hosting & Deployment:

  • Vercel

• Version Control:

  • Git
  • GitHub

Screenshots

Homepage

Ai Integration

All Users

Authentication

Mobile view

Mobile View

Features

List some of the key features of my Chatting app:

• User registration and authentication
• Real-time chatting
• Ai smart conversation
• View all users

Installation

Provide instructions for setting up and running your project locally. Include any prerequisites, environment setup, and installation steps.

# Clone the repository
git clone https://github.com/saurav-prasad/chattila.git

# Install dependencies
npm install

# Start the development server
npm start