EternalInvites

• 

  Event Flow

✨ About the Project: Custom Invitation Web App 🎯 Inspiration The idea came from noticing how many people rely on generic templates or complicated design tools when creating invitations for personal or professional events. Whether it’s for weddings, birthdays, job fairs, or online events, most users just want something that looks good, is easy to customize, and can be shared quickly. I wanted to build a platform where anyone can generate beautiful, personalized invitations without design or technical skills.

🛠️ How I Built It I built this as a full-stack web application using:

Frontend: Next.js (React) for dynamic rendering and responsive UI

Backend & Database: Supabase for real-time database, authentication, and storage

Styling: Tailwind CSS for quick and clean UI development

Deployment: Netlify, integrated with GitHub for CI/CD

Dynamic Routing: Each user gets a unique shareable invitation link

Users can sign in, choose from various templates, input their custom details (event name, date, time, location, RSVP info, etc.), and generate a live, shareable invitation page.

💡 What I Learned How to integrate Supabase for full-stack functionality, including row-level security and real-time data.

How to dynamically generate and route custom URLs based on user content.

Improved my skills in state management and UI responsiveness using Next.js and Tailwind CSS.

Best practices in deploying full-stack apps with Netlify and handling environment variables securely.

🧱 Challenges I Faced Designing a flexible system that supports different invitation types while keeping the UI simple.

Handling user authentication securely while allowing public access to generated invitations.

Debugging deployment issues when changing GitHub branches in Netlify.

Fixing database-related errors such as missing tables and permissions in Supabase.

🚀 What’s Next Add drag-and-drop customization and live preview.

Enable export to PDF or printable formats.

Build more templates for different occasions.

Allow invite tracking and RSVP management.

Built With

• googleauth
• html5
• nextjs
• react
• supabase
• tailwindcss
• typescript