NAMAKAMU – Private Chatroom for Two

Inspiration

Namakamu was inspired by real love stories that deserved their own private universe.
Some people want to chat in peace, without pressure or judgment.
That’s where it began — to give lovers a safe, disappearing space to connect.

What it does

  • Creates a private, two-person chat room
  • Requires Room Code to join (no login)
  • Room creator and joiner indicators using heart emojis
  • Real-time, WhatsApp-style messages
  • Auto-deletes the chat after 24 hours

How I built it

  • React.js and Vite for the frontend
  • Tailwind CSS for styling
  • Firebase Firestore for real-time messaging
  • React Router for routing
  • Vercel for hosting
  • Message bubbles with color and alignment logic

Challenges I ran into

  • Real-time sync without user login
  • Limiting the room to exactly two users
  • Designing a soft, emotional UI
  • Handling auto-expiry with timestamps
  • Removing login for a smoother flow

Accomplishments that I'm proud of

  • Built a working 1-on-1 chat with no login
  • Added visual identity using heart colors
  • Implemented 24-hour auto-deletion
  • Created a mobile-first, responsive UI
  • Deployed on Vercel, live and public
Feature Status
Real-time Chat Complete
Auto Expiry Logic Working
Heart Indicators Added
Mobile Design Optimized

What I learned

  • Real-time sync with Firebase listeners
  • Route and state management in React
  • Minimal UI with emotional depth
  • Simpler UX = more user trust

What's next for NAMAKAMU

  • Add voice messaging
  • Add emoji and image support
  • Launch Android/iOS app
  • Introduce AI-based love suggestions
  • Add mood-based background sounds

Screenshots

Screenshot 1
Screenshot 2
Screenshot 3
Screenshot 4
Screenshot 5

Live App: https://namakamu-554n.vercel.app

Name Meaning: “Namakamu” means Trust in Telugu — because that’s where love begins.

Built With

  • built-with:-react.js
  • cloud-firestore
  • database-management
  • firebase-console
  • firebase-firestore
  • github
  • html5
  • javascript-(es6)
  • react-router
  • tailwind-css
  • unicode-emojis
  • vercel
  • vite
Share this project:

Updates