Skip to content

kamilarici/shopping-cart-tailwind

Repository files navigation

    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

    1. run pnpm install or yarn install for node modules
    2. 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

    shoppingCart

      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