Here is my Summary of discussing on what have been learned My website link.
i created and analyzed three interconnected HTML pages for an e-commerce website:
the Home page and the Product Categories page, and Product details.
The Home page features a header with the logo, search bar, buttons for login and account creation, a shopping cart button,
and navigation bars. It includes an aside section for additional information and bestsellers,
a main section with a promotional banner and latest products, and a footer with a copyright notice.
The Product Categories page includes a similar header with a navigation bar specific to product categories and
a main section organized into categories such as CPU, Motherboard, GPU, Power Supply, and Monitors,each with links to specific products.
The Product details I add the 5 product categories each product I made 3 categories.
So the Key learnings from this exercise is improved proficiency in HTML and CSS,
how I understanding of semantic HTML, external stylesheets, responsive design, and creating intuitive and accessible navigation.
Challenges faced included correcting broken links and tags, maintaining consistent styling, and ensuring accessibility.
In this exercise, I improved my skills in HTML and CSS by creating structured, responsive, and accessible web pages.
I learned to use semantic elements for better readability, integrate external resources for enhanced design,
and ensure consistent styling and functionality across different devices.
So This experience strengthened my web development abilities and prepared me for more advanced projects.
User Interface: Simple and intuitive design using HTML and CSS. Cart Functionality: Add items to the cart with a single click.
HTML: For structuring the web page. CSS: For styling the web page.
- Adding a Scripting language Javascript in the Near future
- User Authentication: Add user authentication to allow users to save their cart between sessions.
- Enhanced UI/UX: Improve the design and usability of the app.
- Additional Features: Implement features such as item quantity management, total price calculation, and checkout process.
- Adding Firebase to Store and retrieve cart data using Real-Time database to Automatically updates the cart in real-time.