Frontend Development Projects in AlbertaFrontend Development Projects in Alberta
Projects
People
Cover image for Bold and Blunt — Elite
Bold and Blunt — Elite Marketing Agency Website A premium, animation-driven marketing agency website built for Bold and Blunt. Designed to feel cinematic and high-end, with scroll-driven animations, a horizontal campaign showcase with embedded YouTube video modals, and a fully integrated contact form with branded transactional emails. Tech Stack: Framework: Next.js 15 (App Router) + React 19 Language: TypeScript Styling: Tailwind CSS Animations: GSAP (ScrollTrigger) + Framer Motion Smooth Scrolling: Lenis Email: Resend API (branded HTML templates) Forms: React Hook Form + Zod validation Deployment: Vercel Key Features: Cinematic hero with staggered 3D word-by-word text reveal Scroll-driven horizontal campaign carousel with YouTube video modals GSAP-powered parallax logo with blur and opacity transitions Scroll-reactive chromatic background that shifts palette per section Dual branded email system — team notification + submitter confirmation Custom font integration (Neusharp-Bold) Fully responsive, dark theme with gold accent design system Privacy policy page, social links, and contact form with validation Live: https://theboldblunt.com
2
80
Cover image for Senior Software Engineer & AI
Senior Software Engineer & AI Automation I developed a full-stack web platform for xpromo.com.au (http://xpromo.com.au) using Next.js and MongoDB, focusing on performance, scalability, and modern web architecture. The system manages lead data and user interactions through a structured backend while delivering a fast and responsive frontend experience. I implemented secure authentication, database integration, and API routes to handle data operations such as creating, updating, and managing leads in real time. The application was designed with a clean architecture to ensure maintainability and future scalability. On the frontend, I used Next.js to build a responsive and optimized user interface, taking advantage of server-side rendering and modern React practices to improve performance and SEO. The backend uses MongoDB to store and manage application data efficiently, while RESTful APIs handle communication between the frontend and the database. This project demonstrates my ability to build complete end-to-end full-stack solutions, integrating modern JavaScript frameworks with scalable database systems to deliver reliable production-ready applications.
1
76