shopping-cart-tailwind's Introduction

Shopping Cart App

What's used in this app ?	How to run ?	Author
React Tailwind CSS Context-Api React-router-dom Axios	Once you clone the project run `pnpm install` or `yarn install` for node modules run `pnpm start` or `yarn start` for open development stage	Take a look at my other projects Visit me on Linkedin
What is this project about ? This project is an online shopping platform where users can browse, select, and purchase products. Users can add items to their cart, view the contents, adjust quantities, and proceed to checkout.

How does my project look

Live Link

Feedback and Collaboration

I value your feedback and suggestions. If you have any comments, questions, or ideas for improvement regarding this project or any of my other projects, please don't hesitate to reach out.
I'm always open to collaboration and welcome the opportunity to work on exciting projects together.
Thank you for visiting my project. I hope you have a wonderful experience exploring it, and I look forward to connecting with you soon!

Project Skeleton

Shopping Cart App (folder)
|
|-- public
|   |-- index.html
|   |-- manifest.json
|   |-- robots.txt
|
|-- src
|   |-- components
|   |   |-- CartItem.js
|   |   |-- Footer.js
|   |   |-- Header.js
|   |   |-- Hero.js
|   |   |-- Product.js
|   |   |-- Sidebar.js
|   |
|   |-- contexts
|   |   |-- CartContext.js
|   |   |-- ProductContext.js
|   |   |-- SidebarContext.js
|   |
|   |-- img
|   |   |-- bg_hero.svg
|   |   |-- logo.svg
|   |   |-- online-shopping.png
|   |   |-- woman_hero.png
|   |
|   |-- pages
|   |   |-- Home.js
|   |   |-- ProductDetails.js
|   |
|   |-- App.js
|   |-- index.css
|   |-- index.js
|
|-- .gitignore
|-- README.md
|-- package-lock.json
|-- package.json
|-- postcss.config.js
|-- tailwind.config.js
|-- yarn.lock

Recommend Projects