The website contains a navigation bar with links to Home, Products, About Us, and Add Product sections. The Home section includes a hero banner with a background image, introduction, and an Explore Products button.
The Add Product section contains a form where users can enter:
Product Sequence
Product Index
Product Name
Product Description
Product Price
Product Image URL
After submitting the details, the product is displayed dynamically in the Products section. Each product card shows its image, name, description, sequence number, and price. Users can also delete individual products or remove the last product using the available buttons.
The website also includes an About Us section that explains the purpose of UrbanCart and a footer with basic website information.
Key Features :
Modern and responsive user interface
Product addition through a simple form
Dynamic product card generation
Product deletion functionality
Pop/remove last product functionality
Product image, description, and price display
Responsive design for desktop, tablet, and mobile
Modern hover effects and glassmorphism design
Easy navigation between website sections
UrbanCart is a lightweight frontend project that demonstrates how HTML, Tailwind CSS, and JavaScript can be combined to create an interactive product management interface. The project can also be extended in the future with features such as database integration, user authentication, product search, categories, shopping cart, and an admin dashboard.