Asmiverse

A curated space of smart, soulful digital products — designed to simplify, inspire, and elevate everyday experiences.

Comment

🌟 Inspiration

The inspiration behind Asmiverse Time Capsule came from the desire to create something deeply personal yet universally meaningful — a platform where memories, messages, or moments can be locked away and delivered in the future. Whether it's a note to your future self, a birthday surprise, or a digital keepsake, Asmiverse allows users to capture time in a creative, secure, and emotional way.

🚀 What it does

Asmiverse lets users create “time capsules” — digital packages containing messages and media — that unlock at a chosen future date. It includes optional password protection, file upload support, real-time updates, and automated email notifications when the capsules are ready to be delivered. Admins can manage users and capsules through a secure dashboard.

🔧 How we built it

🛠️ Frontend:

  • Next.js 14 with App Router for scalable routing and server-side rendering
  • TypeScript for better code reliability and developer experience
  • Tailwind CSS for responsive and utility-first styling
  • Framer Motion for elegant animations
  • React Hook Form for form handling
  • React Hot Toast for beautiful notifications

🔐 Backend:

  • Next.js API Routes as serverless backend endpoints
  • MongoDB as our primary database
  • Mongoose for schema modeling and database interaction
  • NextAuth.js with JWT for secure, token-based authentication
  • bcrypt for secure password hashing

🌐 Services:

  • Cloudinary for file uploads (images, videos, documents)
  • Nodemailer for automated email delivery on unlock
  • Socket.io for real-time updates and status tracking

🧠 Challenges we ran into

  • Setting up and securing JWT-based authentication using NextAuth
  • Handling file uploads to Cloudinary and integrating it seamlessly into the form flow
  • Creating real-time capsule unlock notifications with Socket.io
  • Building a dynamic admin panel without exposing user data
  • Ensuring responsive design across all screen sizes without losing layout precision

🏆 Accomplishments that we're proud of

  • Successfully implemented a full-stack time capsule system with scheduled email delivery
  • Seamless Cloudinary file uploads with preview and validation support
  • Intuitive and mobile-friendly UI with animation that feels modern and smooth
  • Built an admin panel with secure access and real-time capsule control
  • Learned and applied real-time communication with Socket.io in a production-like environment

📚 What we learned

  • Deep integration of NextAuth.js with JWT and credential providers
  • Efficient use of Cloudinary for scalable media handling
  • Advanced form validation and UX with React Hook Form
  • Real-time data sync using Socket.io
  • Clean architecture and API handling in Next.js App Router

🔮 What's next for Asmiverse

  • Add public capsule galleries (optional sharing)
  • Support for recurring capsules (e.g., yearly birthday messages)
  • Capsule commenting and collaboration features
  • In-app dashboard with analytics and timelines
  • Mobile app version with push notifications
  • Theme customization and personalization options for users

Built With

Share this project:

Updates