"Rainy Days" is a fictional eCommerce website dedicated to showcasing a selection of jackets perfect for various weather. This static website dynamically displays products using a REST API from a headless WordPress CMS, demonstrating the seamless integration of frontend technologies with backend content management systems. Designed with HTML and CSS, "Rainy Days" offers a clean, user-friendly shopping experience that highlights the products' quality and versatility.
- Dynamic Product Display: Products are fetched and displayed dynamically from a headless WordPress CMS via a REST API.
- ECommerce Functionality: Browse, view, and learn more about each jacket with ease. Add products to cart and complete a pretend checkout.
- Responsive Design: Ensures a great shopping experience on any device, from desktops to smartphones.
- Modern, Clean Aesthetic: A design that reflects the quality and style of "Rainy Days" jackets.
- HTML5: For structuring the website's content.
- CSS3: For styling and ensuring a responsive layout.
- JavaScript: For fetching and displaying products from the REST API.
- WordPress (Headless CMS): Manages and delivers product content via REST API.
- Netlify: For hosting the static site.
To view or contribute to the "Rainy Days" project, follow these steps:
- A modern web browser.
- Basic knowledge of HTML, CSS, and JavaScript if you wish to contribute.
Visit https://rainydays-lily.netlify.app
in your web browser to explore the "Rainy Days" jacket collection.
- Clone the repository:
git clone https://github.com/thislily/Rainy_Days_v2.git
- Since the site fetches data from a headless CMS, no additional setup is required for viewing. Simply open
index.html
in your browser to run the website locally.
Your contributions are welcome! Whether it's adding new features, fixing bugs, or improving documentation, here's how you can contribute:
- Fork the repository.
- Create your feature branch (
git checkout -b feature/YourNewFeature
). - Commit your changes (
git commit -m 'Add some YourNewFeature'
). - Push to the branch (
git push origin feature/YourNewFeature
). - Open a pull request.