Giter Site home page Giter Site logo

lets-talk's Introduction

Lets Talk - Chat Web Application

Lets Talk is a chat web application that enables users to connect and chat with each other in real-time.

Project Structure

  • client/: Contains the frontend code, built with React + Vite and styled with Tailwind CSS and Chakra UI components.
  • server/: Contains the backend code, built with Node.js and Express.

Features

  • Real-time Chat: Send and receive messages instantly with other users.
  • One-on-One Conversations: Chat privately with specific individuals.
  • Group Chats: Create groups for discussions with multiple users.
  • User Profiles: Manage your profile information and customize your experience.
  • Emoji: : User can send emojis

Getting Started

  1. Clone this repository: git clone https://github.com/MohitBhatt07/lets-talk.git

  2. Install dependencies:

    Frontend:

    cd client

    npm install

    Backend:

    cd server

    npm install

  3. Set up MongoDB connection:

    • Create a .env file in the server directory.
    • Add your MongoDB connection URL to the .env file: MONGODB_URI=mongodb://your_mongo_uri
  4. Run the development server:

    cd server

    npm start

  5. Open your web browser and access http://localhost:5173

Technology Stack

Frontend:

  • React
  • Vite
  • Tailwind CSS
  • Chakra UI

Backend:

  • Node.js
  • Express

Database:

  • MongoDB

lets-talk's People

Contributors

mohitbhatt07 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.