/chat-app

Primary LanguageJavaScript

MERN MinglunChat

📱 Modern Clean Chatting Experience

Sample Gif

LIVE DEMO IN PROGRESS

rainbow divider

What is this project?

This is a MERN(MongoDB, ExperssJS, ReactJS, NodeJS) chat app. It allows you to talk to people from all around the world with the press of a button. This is targeted towards students looking for a way to communicate with their peers at school with all the heavy restrictions on social media.

rainbow divider

Features

  • Secure Registration && Login
  • Darkmode/Lightmode Themes
  • Live Friend Requests
  • File/Image Attachment
  • Responsive Mobile View

rainbow divider

What I learned along the way!

This was really a test of my abilities, to get a full stack MERN Project up and running. In addition to solving a problem in my everyday life, I learned a lot from this experience. I secured my own knowledge of Mongo, Express and Node aswell as learning to use Web Sockets for live communication.

rainbow divider

Get Started

Create .env File in your api directory

MONGO_URL="mongodb-connect-link"
JWT_SECRET="jwt-secret"
CLIENT_URL="url-to-client" (ex. http://localhost:5173/)

Technologies

NPM NodeJSReact TailwindCSS MongoDBFigmaExpress.js