Modentive Store
Multi-page e-commerce website built using HTML, CSS & JavaScript
Project Overview
Modentive Store is a multi-page e-commerce website that allows users to browse products, explore categories, and view product details in a structured and user-friendly layout. The project was designed to simulate a real online store, helping the student understand how different pages connect and work together.
Project Info
Student: Bolaji Davies
Level: Intermediate
Duration: 2–3 Weeks
Technologies:
HTML CSS JavaScriptPages & Features
- Home Page: Displays featured products and a welcoming layout
- Shop Page: Shows a collection of products available for browsing
- Product Details Page: Provides more information about each product
- Navigation Bar: Easy movement between pages
- Responsive Design: Works smoothly on mobile and desktop devices
Student Journey
The student began by building the homepage layout and gradually expanded the project into multiple pages. Connecting pages using proper links and maintaining a consistent design across them was initially challenging. Over time, the student improved their understanding of page structure, layout design, and navigation systems.
Challenges & Solutions
One major challenge was managing multiple pages while keeping the design consistent. The student solved this by reusing styles and structuring the code properly. Another challenge was organizing product data clearly across different pages, which improved with better HTML structure and planning.
Final Outcome
The final result is a clean and functional multi-page e-commerce website. The student gained practical experience in building real-world website structures, handling navigation, and creating a smooth user experience across different pages.