Chatters

A Chat App for power users

Tech Stack

Frontend

• React - JavaScript Framework
• Next.js - React Framework
• Tailwind CSS - CSS Utility Framework
• GSAP - Animations
• Zustand - React State Management Library
• Moment
• Iconsax - Icon Library
• React Markdown
• Remark GFM

Backend

• Node.js - Runtime for JavaScript
• Express.js - Framework of Node.js
• Sockets.io
• MongoDB
• Multer

Features

• Authentication using email and password

• Realtime Chat

• Send files as messages

• Personal Chat

  • User Online Status

• Group Chat

  • Group Chat
  • Leave Group as a member
  • Delete Group as a Admin of the Group

• Chat Info

  • View Group Members
  • View files send in the chat

Run Locally

• npm install

• Create .env.local file

• Add NEXT_PUBLIC_SERVER_URL with value of locally hosted server url

• npm run dev