DEV Community

Cover image for A Full-Stack Agency Website with a Creative Vibe – React, Node.js, and a Butterfly Twist πŸ¦‹
Behan kumar
Behan kumar

Posted on • Edited on

A Full-Stack Agency Website with a Creative Vibe – React, Node.js, and a Butterfly Twist πŸ¦‹

Hey devs πŸ‘‹

Last week, I launched Brandora Digital Solutions β€” a visually engaging, full-stack agency website built with React and Node.js. This project highlights my UI/UX design sense, backend skills, and passion for creating premium web experiences.

🎯 Live Site: https://brandora-agency.vercel.app


✨ Visual Experience with a Futuristic Twist

The site features a futuristic underwater butterfly video background that creates an elegant and immersive feel right from the landing page.

Combined with GSAP scroll animations and Material UI components, the result is a smooth, modern user interface that feels alive.


🧰 Tech Stack

πŸ’» Frontend

  • React + Vite for performance and modular structure
  • Material UI for responsive, clean component design
  • GSAP for scroll-based animations
  • Deployed on Vercel

πŸ›  Backend

  • Node.js + Express
  • Hosted on Render
  • MongoDB Atlas for database
  • Handles:
    • Newsletter submissions
    • "Hire Me" contact form
  • Includes Vercel-friendly routing fix with vercel.json rewrite rules

πŸ” Features

πŸ”Ή Responsive, mobile-friendly layout
πŸ”Ή Smooth animations for professional feel
πŸ”Ή Backend-integrated forms (Newsletter + Contact)
πŸ”Ή Futuristic background video on homepage
πŸ”Ή Deployed with a fully functional backend and database
πŸ”Ή Structured, clean codebase for scalability


πŸ“¦ GitHub Links


🌐 About Me

I'm a passionate full-stack developer who enjoys building real-world apps from scratch. I care deeply about:

  • Minimal, modern UI/UX
  • Functional, backend-integrated systems
  • Clean code and performance-first design

πŸ“Œ My Portfolio: behan-portfolio.vercel.app


🀝 Looking for Collaborators!

🚧 I’m currently working on a real-time random chat app inspired by Omegle and WhatsApp.

If you’re a:

  • Learner wanting real project experience
  • Developer who loves building cool stuff
  • Designer interested in frontend and animations

πŸ‘‰ You’re welcome to join me!

πŸ“₯ Just head over to my portfolio and fill out the form:

🌐 https://behan-portfolio.vercel.app

Or contact me directly:

πŸ”— LinkedIn – behan-kumar


πŸ’¬ Feedback Appreciated!

I’m always open to feedback on design, structure, or code β€” feel free to drop a suggestion or even a β€œhi”! πŸ˜„

Thanks for reading πŸ™Œ

react #fullstack #webdev #showdev #javascript

Top comments (0)