Rainy Days is a userfriendly e-commerce website offering rain jackets for men and women aged 30-50 whose interests are: being outdoors, hiking, exploring, skiing, camping, canoeing. The website is built with HTML and CSS. JavaScript was later integrated for enhanced interactivity. To streamline updates, I implemented a WordPress headless CMS (API) for dynamic product fetching. This ensures a seamless and up-to-date online shopping experience.
Live site: https://magenta-raindrop-38efff.netlify.app/
This project aims to create an e-commerce site specializing in rain jackets for men and women. It begins with designing the user interface, moves to implementing static HTML and CSS, incorporates JavaScript for interactivity, and concludes with integrating the WordPress REST API and WooCommerce for dynamic product management.
Website architecture:
- Home
- List of Jackets
- Jackets for men
- Jackets for women
- Jacket specific page showing the jacket (product details such as the description of the product, price and add to cart button)
- Shopping cart
- Checkout page
- Checkout success
- About
- Contact
- HTML
- CSS
- JavaScript
Clone the repo:
git clone https://github.com/Anne-Serine/cms-ca-anne-serine.gitFor viewing the project in your local browser, you can use Live Server extension in VS Code, or just drag the index.html file into your web browse.
- Fork the Repository
- Clone the Forked Repository
- Create a Branch and Make Changes
- Commit and Push Changes
- Open a Pull Request
- Explain Changes in the Pull Request
- Code Review (wait for feedback and approval for merge)