๐Ÿ•ฐ๏ธ TimeCapsule

A message today. A memory tomorrow. A story forever.

๐ŸŒŸ What Inspired Me

In a world where everything is instant and temporary, I wanted to build something that could pause time, a way to preserve thoughts, emotions, or memories and deliver them to the future. TimeCapsule was born from this idea, a digital space where people can store heartfelt messages or media, lock them with a future date, and revisit them when it matters most.

๐Ÿ› ๏ธ How I Built It

TimeCapsule is a full-stack web application built using:

  1. Backend: Django, Django ORM

  2. Database: MySQL (hosted on Clever-Cloud)

  3. Frontend: HTML, CSS, JavaScript (with Three.js and GSAP for animation)

  4. Media Hosting: Cloudinary

  5. Deployment: Render

  6. Mailing: Gmail SMTP for email reminders

  7. Task Scheduling: cron-job.org (to manage future unlock logic)

  8. Dev Tools: Git & GitHub, VS Code

๐Ÿ” Key Features:

  1. Unique capsule creation with message, title, unlock date, email, and media

  2. Session-based like system (no login required, like Instagram hearts)

  3. Share modal with: -URL + copy button -WhatsApp sharing -QR code generation (with site logo and download option)

  4. Sort/filter system: Newest, Oldest, Most Liked, Recently Unlocked

  5. Capsules are organized and visually locked/unlocked based on status

  6. Automatic email notifications sent upon capsule creation with direct link

๐Ÿšง Challenges I Faced

  • Session-based likes without accounts was tricky, I had to ensure users couldnโ€™t abuse the system while keeping the UX smooth.

  • QR code generation inside a modal, especially with download and custom logo embedding, took time to perfect.

  • Managing cron jobs for future unlocking was a challenge without a native scheduler, but I solved it using cron-job.org.

  • Designing a layout that looks clean and works well across screen sizes (especially for the capsule feed) took several UI iterations.

๐Ÿ™Œ Final Thoughts

TimeCapsule is more than just a coding project, itโ€™s a personal, timeless concept. It lets anyone save a piece of themselves for the future, whether itโ€™s a secret, a reminder, or a memory. I built this solo, with attention to UX, reliability, and emotional impact, and Iโ€™d love to keep improving it with more features, security layers, and community input.

Share this project:

Updates