Skip to content

LeonardoMarquesDias/Rocketshoes-Cart-ReactJS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RocketSeat 🔥 Ignite ReactJS

challenge 01 : Componentizing the App ( Project Rocketshoes )

🚀 About the Project

This will be an application where your main objective is to create a shopping cart hook. You will have access to two pages, a component and a hook to implement the features requested in this challenge:

  • Add a new product to your cart.
  • Remove a product from the cart.
  • Change the quantity of a product in the cart.
  • Calculation of sub-total and total cart prices.
  • Stock validation.
  • Displaying error messages.
  • Between others.

💻 Project Image

imagem do Projeto

🧰 Technologies

This project was developed with the following technologies:

  • Typescript
  • ReacJS
  • Axios
  • Unform
  • Styled Components
  • Json Server
  • React-Icons
  • Polished
  • React-Toastify

⚙️ Installation

# You need to install Node.js, then in order to clone the project via HTTPS, run this command:
$ https://github.com/LeonardoMarquesDias/Rocketshoes-Cart-ReactJS.git
# or use the download option.

# Install dependencies
$ yarn install
or
$ npm install

# Run the following command to start the fake API with JSON Server to simulate an API that has foods information:
$ yarn server
or
$ npm server

# Run the following command to start the application in a development environment:
$ yarn start
or
$ npm start

# Access http://localhost:3000 

🌐 Reference

challenge 01 - Rocketshoes - Notion Info.

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.


by Leonardo Dias 😛

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published