MoodCut Studio

Year

2026

Tech & Technique

React, Node.js, Express, MongoDB, Cloudinary, Formspree

Description

Built a full-stack portfolio and client-acquisition website for a video editor & motion designer, showcasing cinematic edits, testimonials, and project stats to convert visitors into clients.

Key Features:

🎬 Cinematic Hero: Bold typography-driven landing section with animated stats (views, projects, client retention)
📽️ Featured Showreel: Embedded video player highlighting the editor's best work
🗂️ Filterable Portfolio: Category-based project gallery (Motion Graphics, Clean Edits, Talking Head, Documentary)
⭐ Testimonials Wall: Client reviews with ratings pulled dynamically from the database
📩 Contact & Booking: Discovery-call booking and a message form wired to email delivery

Technical Highlights:

Built a MERN stack backend to manage projects, testimonials, and media uploads
Integrated Cloudinary for optimized video/image storage and delivery
Used Formspree for reliable contact-form submissions without a custom mail server
Designed a fully responsive, dark cinematic UI with React

My Role

Full-Stack Developer
Built the project end-to-end for a real client (video editor):

🎨 Designed and developed the entire UI in React with a custom cinematic theme
🛠️ Built the MERN backend (Node.js, Express, MongoDB) to manage portfolio content and testimonials
☁️ Integrated Cloudinary for media asset management
📩 Set up Formspree for contact form handling
🚀 Deployed the site live on Vercel for the client