Skip to content

The Himalaya Store Project is an online store built with React and Chakra UI. It features pages like home, about, shop, cart, login, and store locator. Users can browse and buy Himalaya products, manage their cart, and find stores. Axios ensures smooth requests. Clone the repository and follow the setup instructions to explore this platform.

Notifications You must be signed in to change notification settings

ayushdwivedee/himalaya

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 

Repository files navigation

🌿 Himalaya Store Project

Welcome to the Himalaya Store Project! This project is a simple online store where you can buy Himalaya products, check out different categories, and learn more about the company.

Note : Before starting to see this project, start "json-server" in your local PC by running this command -

 json-server --watch db.json

📖 Table of Contents

  1. Introduction
  2. Getting Started
  3. Pages and Components
  4. Technologies Used

📜 Introduction

This project is an online store for Himalaya products. It includes a home page, about page, shop page, cart page, login page, and a store locator. The project uses React and Chakra UI to build the user interface.

🚀 Getting Started

Here’s how you can get started with the Himalaya Store Project:

  1. Clone the repository:

    git clone https://github.com/your-username/himalaya-store.git
    cd himalaya-store
  2. Install dependencies:

    npm install
  3. Start the development server:

    npm start
  4. Open your browser and go to http://localhost:3000.

📄 Pages and Components

Home Page

  • Path: /
  • Description: The home page showcases a featured product with an image, description, and a "Shop Now" button. It also displays categories and best sellers. Home Page

About Page

  • Path: /about
  • Description: The about page provides information about the company's story, roots, process, science, and initiatives through different tabs. About Page

Cart Page

  • Path: /cart
  • Description: The cart page displays items added to the shopping cart, allows quantity adjustments, and provides options to clear or update the cart. It shows the subtotal and grand total of the items in the cart. cart

Login Page

  • Path: /login
  • Description: The login page allows users to enter their email and password to log in. Successful login redirects to the home page. login

Shop Page

  • Path: /collections
  • Description: The shop page displays a list of products. Users can sort products by price (low to high or high to low). Each product is displayed using the ProductCard component.
  • Shop Page

Store Locator Page

  • Path: /store-locator
  • Description: The store locator page allows users to search for nearby stores using a zip code or address. It displays search results and a map with store locations. store

Navbar

  • Description: The navbar contains links to the home page, shop page, about page, and store locator. It also includes icons for search, account, and cart.

Product Card Component

  • Description: The ProductCard component displays a single product with its image, title, description, and price. It includes an "Add to Cart" button that allows users to add the product to their shopping cart.

🛠️ Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Chakra UI: A simple, modular, and accessible component library for React.
  • Axios: A promise-based HTTP client for the browser and Node.js.

🎉 Conclusion

That's it! You've got all the information you need to understand and start working with the Himalaya Store Project. If you have any questions, feel free to ask.

Happy coding! 🌟


About

The Himalaya Store Project is an online store built with React and Chakra UI. It features pages like home, about, shop, cart, login, and store locator. Users can browse and buy Himalaya products, manage their cart, and find stores. Axios ensures smooth requests. Clone the repository and follow the setup instructions to explore this platform.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages