E-Commerce Project

This is a collaborative project to design and develop an e-commerce website using HTML, CSS, and JavaScript.

you can find ui desing here : https://html.storebuild.shop/topico-prev/topico/index-2.html

used API to fetch fake products: https://fake-products-api-kappa.vercel.app/api/products

Project Structure

ecommerce-project/
├── index.html             # Home Page
├── product.html           # Single Product Page
├── cart.html              # Cart Page
├── all-products.html      # All Products Page
├── assets/                # Static assets
│   ├── css/
│   │   ├── globals.css        # Global styles (reset, variables, typography)
│   │   ├── navbar.css         # Styles for Navbar
│   │   ├── footer.css         # Styles for Footer
│   │   ├── product.css        # Styles for Product Page
│   │   ├── cart.css           # Styles for Cart Page
│   │   ├── all-products.css   # Styles for All Products Page
│   ├── js/
│   │   ├── navbar.js          # Logic for Navbar
│   │   ├── footer.js          # Logic for Footer
│   │   ├── product.js         # Product Page logic
│   │   ├── cart.js            # Cart functionality
│   │   ├── all-products.js    # Logic for All Products Page
│   ├── images/                # All image assets
│   ├── fonts/                 # Fonts if used
├── README.md              # Project Documentation

Getting Started

1. Clone the Repository

To start working on this project, clone the repository to your local machine using the following command:

git clone https://github.com/A-132001/EcommerceFrontEnd.git

2. Navigate to the Project Directory

Go to the project folder:

cd ecommerce-project

---

Contributing

1. Make Changes Directly on the Main Branch

This project allows direct contributions to the main branch. Follow these steps to make your changes:

2. Make Changes

Edit the code and add your modifications.

3. Stage and Commit Changes

Once you've made your changes, stage and commit them:

git add .
git commit -m "Your descriptive commit message"

4. Push Changes to GitHub

Push your changes directly to the main branch:

git push origin main

---

Updating Your Local Copy

If there are new changes in the repository, you can pull the latest updates to your local copy:

git pull origin main

---

Guidelines

• Ensure your code is clean and well-documented.
• Test your changes before pushing.
• Write clear commit messages describing your changes.

---

License

This project is open-source and available under the MIT License.

---

Happy coding! 🚀