Inspiration
I love modern fashion and there was no better way to embrace that than creating a website for Chanel showcasing their modesty the best way i know how which is programming.
What it does
This platform lets users seamlessly explore Chanel’s products, browse runway inspirations, add items to their cart, and experience the brand’s luxurious identity in one interactive interface.
How I built it
HTML5, CSS3, JavaScript (vanilla) – core technologies for layout, interactivity, and functionality Tailwind CSS – utility-first framework for rapid, responsive styling GitHub – version control for smooth development and updates Netlify – hosting and continuous deployment for a polished live experience (No backend—cart interactions are handled through browser localStorage for simulation purposes)
Challenges I ran into
Design cohesiveness from two concepts (e-commerce + runway content): Solution: Developed a unified layout structure so buyers could switch effortlessly between product browsing and runway content without losing context. Presenting luxury in a minimalist web format: Solution: Employed strategic use of white space, refined typography, and high-res visuals to evoke an upscale feeling, while keeping performance light via Tailwind. Simulating cart functionality without backend support: Solution: Utilized browser localStorage to emulate add-to-cart behavior, allowing users to manage items reliably during a single session. Keeping performance snappy while handling rich visuals: Solution: Optimized images and carefully structured DOM to maintain smooth navigation—even on mobile—without resorting to external libraries.
What I learned
I learned to merge two things together which is the E-commerce and a website so users can have both in one place than separately. I also got better at trusting my visions when it comes to software and know that there is no limit to it ,anything is possible.
What's next for Chanel Website
Integrate a real database like Firebase to maintain user sessions and cart history Add payment APIs like Stripe to support real-world checkout flows Include a search/filter system for faster product discovery Implement mobile animations or micro-interactions to elevate the user experience
Built With
- github
- html5
- javascript
- netlify
- tailwind-css
