thuongtruong1009 / chatter

πŸ’¬ Chat realtime with others

Home Page:https://chatter-40vx.onrender.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

πŸ—¨οΈ Chatter

πŸš€ Live Demo

Preview

πŸ”¨ Tech stack

  • 🌟 Tech stack: Node(Express) + Socket.io + React + TailwindCSS + Daisy UI
  • πŸŽƒ Authentication && Authorization with JWT
  • πŸ‘Ύ Real-time messaging with Socket.io
  • πŸš€ Online user status (Socket.io and React Context)
  • πŸ‘Œ Global state management with Zustand
  • 🐞 Error handling both on the server and on the client
  • ⭐ Custom hooks for handling forms and authentication
  • ⏳ Loading state for async operations
  • πŸš€ Deploy on production

πŸ‘©β€πŸ’» Run the app locally

  1. Clone the repository
git clone https://github.com/thuongtruong1009/chatter.git
  1. Install dependencies
npm install
  1. Create a .env file in the root directory and add the following environment variables:
cp.env.example.env;
  1. Start the app
npm run dev

Build the app

npm run build

Start the app

npm start

About

πŸ’¬ Chat realtime with others

https://chatter-40vx.onrender.com

License:MIT License


Languages

Language:JavaScript 97.0%Language:CSS 2.2%Language:HTML 0.8%