Interactive Website Development for Maryada Films

# Maryada Films - Project Brief **Live URL:** [[login to view URL]]([login to view URL]) ## Project Overview Maryada Films is a premium, cinematic portfolio website designed to showcase high-quality video production and creative work. The platform is engineered to deliver a highly interactive and visually stunning user experience, leveraging modern web technologies and 3D rendering to create a "wow" factor for visitors. ## Key Features - **Immersive 3D Environments:** Utilizes `[login to view URL]` and `React Three Fiber` to render dynamic 3D backgrounds and interactive particle systems, providing a cinematic feel. - **Modern Glassmorphism UI:** Features a sleek, semi-transparent glassmorphism design language with smooth animations, tilt-responsive cards, and a sophisticated monogram logo. - **Robust Backend Integration:** Includes a fully functional "Start Project" contact form that securely captures client inquiries and stores them in a database. - **Automated Email Notifications:** Integrated with `Nodemailer` to automatically send confirmation emails to users and notifications to the admin upon form submission. - **High-Performance & Responsive:** Built with Vite for lightning-fast loading speeds and fully responsive across mobile, tablet, and desktop devices. - **Professional Typography:** Uses Google Fonts (Inter & Playfair Display) to maintain a premium, editorial aesthetic. ## Technology Stack ### Frontend (Client-Side) - **Framework:** React.js powered by Vite - **3D Graphics:** [login to view URL], React Three Fiber, Drei - **Styling & UI:** Custom CSS, Bootstrap 4.6, Bootstrap Icons - **Animations:** CSS Animations & Framer Motion (or similar libraries) ### Backend (Server-Side) - **Runtime & Framework:** Node.js, [login to view URL] - **Database:** MongoDB (via Mongoose) - **Email Service:** Nodemailer ### Deployment - **Frontend Hosting:** Vercel ## Impact & Use Case This project serves as a digital storefront for Maryada Films, establishing a strong, professional online presence. The seamless integration of 3D elements and a robust backend ensures that the studio not only looks cutting-edge but also efficiently handles incoming business leads.

Project ID: 40483707