Welcome to Emoji Chat App build in MERN stack! This repository hosts both the backend and frontend code for Emoji Chat application, designed to help users communicate in real time.
![image](https://private-user-images.githubusercontent.com/79971012/402876622-8947bc3c-5cc2-4917-94fb-b1b82a644986.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkxODA2MjgsIm5iZiI6MTczOTE4MDMyOCwicGF0aCI6Ii83OTk3MTAxMi80MDI4NzY2MjItODk0N2JjM2MtNWNjMi00OTE3LTk0ZmItYjFiODJhNjQ0OTg2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEwVDA5Mzg0OFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTcwMjdkNWUzZjJjMDAzODBlMThhNDQ3MjZkMjA2ZjUyNWMzZTI4OTQyYTdhOThiMjY2ZmRlODJhNWFhMjc5NmImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.7YYQS_3lNCM-ASEcvwOd5roDyrMQTBNxeXi8B2xfbus)
Features
- Real time messaging : Instant communication with Websocket-powered updates.
- Emoji Support: Add fun and emotions to your chats with emojis
- Modern UI: A Sleek and responsive interface built with React and Material UI
Project Structure:
frontend
React frontend with Vitebackend
Nodejs backend with Socket.io
Running Project Locally
- from root
cd backend
>npm i
to install packages for backend cd ../frontend
>npm i
to install packages for frontend.cd ../backend
>npm run dev
to start both backend and frontend server at one go.- Navigate to
localhost:5173
to access to frontend.
Package that made this possible : concurrently