Dalia-Alawneh / bag-shop

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bag Ecommerce Project

Welcome to the Bag Ecommerce Project! This project is a simple bag e-commerce application built using JSON server to manage product data. It allows users to view and interact with bags from an online store.

Getting Started

Before running this project, you need to ensure that you have Node.js installed on your system. You'll also need to install the required npm packages. To get started, follow these steps:

  1. Clone this repository to your local machine:

    git clone <repository_url>
  2. Navigate to the project directory:

    cd bag-ecommerce-project
  3. Install the required npm packages using the following command:

    npm install

Starting the Project

To start the Bag Ecommerce Project:

  1. use the following npm script that utilizes JSON server:
npm run serve-json

This script will start the JSON server and serve the bag product data.

  1. Open your project in Visual Studio Code and launch it using live server.

Project Features

The Bag Ecommerce Project comes with several key features:

1. Add to Cart

  • Users can add products to their shopping cart.
  • The cart allows users to keep track of items they intend to purchase.
  • Cart contents are stored in the browser's local storage for a seamless user experience.

2. Add to Wishlist

  • Users can add products to their wishlist.
  • The wishlist helps users save items for future reference.
  • Wishlist contents are also stored in the browser's local storage for persistence.

3. User Login and Registration

  • The project includes a basic user authentication system.
  • Users can register by providing an email and password.
  • Registered users can login to access personalized features like .

4. Local Storage for Users

  • User data, such as registration details and authentication status, is stored in the browser's local storage.

Important Note

Please be aware that the user authentication and registration system in this project is for demonstration purposes and does not offer real security. It relies on local storage, which is not suitable for production-level user management.

Contributing

If you'd like to contribute to this project or report issues, please follow these guidelines:

  1. Fork the repository on GitHub.
  2. Create a new branch with a descriptive name for your feature or bug fix.
  3. Make your changes and commit them.
  4. Push your branch to your forked repository.
  5. Create a Pull Request (PR) from your branch to this repository's main branch.

Happy coding and shopping!

About


Languages

Language:HTML 63.8%Language:JavaScript 28.5%Language:CSS 7.7%