Cherry-Hydration is an educational project built with HTML, CSS, and a touch of JavaScript. The website is a mock skincare brand designed to learn basic front-end skills while simulating a real-world e-commerce experience.
- Welcome Page: Greets users before entering the site.
- Login Page: Simple login form to access the main site.
- Homepage: Overview of the Cherry-Hydration brand.
- Product Categories:
- Dedicated pages for each product category (Serums, Moisturizers, etc.).
- Each category features a selection of products with AI-generated images.
- Hovering over a product reveals its description.
- Bundles: Special bundle offers.
- Cart Page: Review products added to your cart (UI only, no backend).
- Payment Page: Mock payment form to confirm your order.
- About Us: Information about the Cherry-Hydration brand.
- Contact Page: Simple contact form for inquiries.
- Light JavaScript: Basic interactivity (e.g., login, cart updates, product description on hover).
- HTML
- CSS
- JavaScript (basic usage)
- AI-generated images (for all product visuals)
- BootStrap
- Clone the repository:
git clone https://github.com/tahreem7926/Cherry-Hydration.git
- Open the project:
- Navigate to the project folder.
- Open
index.html(the welcome page) in your browser.
No deployment or live link is available. Please open the files locally to explore the website.
- All product images are AI-generated. This is a mock website for learning and demonstration only; products and brand are fictional.
- Product Categories: The site features individual pages for different types of skincare products, including Serums, Moisturizers,etc. Each product has a description that appears when you hover over its image.