MERN Stack – Web Chat App

Technologies used -
Description

PingMe, a real-time web chat application I built to enhance my skills in full-stack development. Built using the MERN stack (MongoDB, Express, React, Node.js) along with Socket.io for instant messaging, PingMe offers features like user authentication with JWT, online status indicators, responsive design with TailwindCSS & DaisyUI, and state management via Zustand.

  • User Authentication – JWT-based secure login/signup system
  • Real-Time Messaging – Instant chat using Socket.io
  • Image Sharing – Send and receive images in chat
  • Theme Support – Toggle light/dark themes using DaisyUI
  • Online Status – See which users are currently online
  • Sound – Audio plays on user selection
  • Responsive Design – Fully functional across desktop and mobile
  • UI – Built with TailwindCSS, DaisyUI, and custom styling
  • Auto Scroll – Smooth scroll to latest message

Planning

Related Projects

Fun Project

Tic Tac Toe Game

The Interactive Tic Tac Toe Game lets two players compete in a 3×3 grid. It includes a simple interface, feedback on wins, and sound effects for added fun.

Read More »
Form & Input Handling

Text-to-Speech Converter

This Text-to-Speech app lets you type text and listen to it spoken aloud in different voices. Choose a voice, click ‘Listen,’ and hear the text in real-time.

Read More »