Giter Club home page Giter Club logo

chit-chat-apps's Introduction

Chit-Chat-App

Welcome to the Chit-Chat-App, a chat web application that leverages the power of Socket.io for real-time notifications and updates, this project also provide dark mode with chakra-ui as ui-framework.

Feature backend and frontend

  1. chakra-ui (responsive, darkmode)
  2. mongodb
  3. express
  4. react
  5. toastify
  6. axios
  7. react-notifiaction-badge
  8. react-scrollable-feed
  9. socket.io
  10. framer-motion

Prerequisites

Before you embark on your Chit-Chat journey, please ensure that you have the following prerequisites set up on your machine:

  1. Node.js: If you haven't already, install Node.js. You can download it from nodejs.org.

  2. Git: Make sure you have Git installed to easily clone the project repository.

Clone the Repository

Let's start by cloning the Chit-Chat-App repository from GitHub. Open your terminal and execute the following command:

git clone https://github.com/alimmiftahul/Chit-Chat-apps.git

This will create a local copy of the project on your machine.

Backend Setup

For the server-side configuration of the Chit-Chat web app, follow these steps:

  1. Navigate to the server repository:
cd server
  1. Install the necessary dependencies for the server:
npm install
  1. Now, let's kickstart the server:
npm start

Frontend Setup

For the frontend part of the Chit-Chat web app, here's what you need to do:

  1. Navigate to the frontend repository:
cd frontend
  1. Install the required dependencies for the frontend. You can choose between npm and yarn:

Using npm:

npm install

Using yarn:

yarn
  1. Launch the project:
yarn run dev #or npm run dev

Sample

Sample

Now, you're all set to embark on your Chit-Chat journey, connecting with others in real-time. Enjoy the experience of Chit-Chat! ๐Ÿš€

chit-chat-apps's People

Contributors

alimmiftahul 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.