Category: Frontend Web Development Tech Stack: HTML, CSS, JavaScript
UrbanStyles is a modern frontend e-commerce website built using HTML, CSS, and JavaScript. It allows users to browse fashion items, view product details, add items to cart, and proceed to checkout — offering a simple, elegant shopping experience. This project highlights UI design, responsive layouts, and JavaScript interactivity, focusing on delivering a professional-looking user interface suitable for portfolios and client demos.
I created UrbanStyles to sharpen my frontend development and UI/UX design skills. As someone passionate about clean, user-focused web experiences, I wanted to design an e-commerce platform that looks and feels like a real store. The goal was to:
- Strengthen my understanding of HTML, CSS, and vanilla JavaScript.
- Simulate real e-commerce functionality (cart, checkout, product pages).
🏠 Homepage & Navigation -Clean landing page showcasing featured items and categories. -Navigation bar for quick access to product pages and contact section.
👕 Product Listings -Each product has images, prices, and short descriptions.
🛒 Shopping Cart -Add, view, and remove items from cart. -Simple checkout preview page.
MIT License © 2025 Thato Mphahlele