Full-stack Chat-app with JS & React

Description

The Simple Chat App is a user-friendly messaging application that allows users to communicate with each other in real-time. The app features a search functionality and notification system to enhance the user experience.

Technologies

Client: React, Zustand, TailwindCSS, DaisyUI

Server: Node, Express, Mongoose, Socket.io

Run Locally

Sadly i don't have any live demos of the project. but no worries, here is how you can run it locally!

First you need to clone the project

  git clone https://github.com/ArmOwOn/chat-app

Go to the project directory

  cd chat-app

Then you will need to add the following environment variables to your .env file:

MONGO_DB_URI JWT_SECRET

Then it's just as easy as typing

  npm run build
  npm run start

Lessons Learned

Well this was my first project and it helped me significantly! improve my skills in connecting the back-end and front-end, as well as working with various APIs. I gained a deeper understanding of real-time communication protocols, error handling, and scalability considerations. The practical challenges I faced and the lessons I learned have made me a more well-rounded engineer.