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.
- chakra-ui (responsive, darkmode)
- mongodb
- express
- react
- toastify
- axios
- react-notifiaction-badge
- react-scrollable-feed
- socket.io
- framer-motion
Before you embark on your Chit-Chat journey, please ensure that you have the following prerequisites set up on your machine:
-
Node.js: If you haven't already, install Node.js. You can download it from nodejs.org.
-
Git: Make sure you have Git installed to easily clone the project 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.
For the server-side configuration of the Chit-Chat web app, follow these steps:
- Navigate to the server repository:
cd server
- Install the necessary dependencies for the server:
npm install
- Now, let's kickstart the server:
npm start
For the frontend part of the Chit-Chat web app, here's what you need to do:
- Navigate to the frontend repository:
cd frontend
- Install the required dependencies for the frontend. You can choose between npm and yarn:
npm install
yarn
- Launch the project:
yarn run dev #or npm run dev
Now, you're all set to embark on your Chit-Chat journey, connecting with others in real-time. Enjoy the experience of Chit-Chat! ๐