Back to Projects
Premium Web App

Elegance Events —
Event Management Platform

A fully functional, premium event management and lead-generation website designed for organizing luxury weddings, corporate events, and private celebrations — featuring a secure admin dashboard and animated, Framer Motion-powered UI.

Role Full-Stack Developer
Stack React · Node.js · MongoDB
Deployment Vercel + Backend Service
Status ● Live
Live Project GitHub Repo
Elegance Events Platform Screenshot

Tech Stack

Frontend React (Vite), Framer Motion, Tailwind CSS
Backend Node.js, Express.js
Database MongoDB Atlas
Auth JWT (JSON Web Tokens)
Deploy Vercel (Frontend) + Backend Service

Key Features

Dynamic, responsive UI with Framer Motion micro-animations
Secure Admin Dashboard with JWT-based authentication
Lead generation and real-time inquiry management system
Interactive animated galleries and luxury service listings
SPA routing with proper Vercel deployment configuration

System Architecture

The frontend, a React (Vite) SPA deployed on Vercel, communicates with a RESTful Node.js / Express backend API for handling client inquiries, gallery data, and admin authentication. The backend persists all data securely in a MongoDB Atlas cloud database. The admin panel uses token-based authentication — clients must provide a valid JWT on every protected API call. Route protection is enforced through Express middleware that validates and decodes tokens before allowing access to admin operations, including inquiry management and gallery CRUD. The Vercel deployment is configured with a custom vercel.json to handle client-side SPA routing correctly.

Impact & Metrics

Significantly improved visual appeal and client user engagement

Streamlined booking and inquiry process for premium event clients

Admins gained a centralized dashboard for effortless lead management

Smooth Framer Motion animations with zero layout-shift or jank

Challenges & Solutions

Problem

Creating a premium, animated feel while maintaining high performance and secure admin routing on Vercel.

Solution

Leveraged Framer Motion's optimized animation pipeline (GPU-composited transforms only), implemented JWT middleware for all backend admin routes, and resolved Vercel SPA routing by adding a custom vercel.json rewrite rule.

Explore Elegance Events

Visit the live platform and experience the premium UI firsthand.

Live Project GitHub Repo