/FrontEnd-project-shopping-cart-trybe

Project developed during the front-end module of the Trybe full-stack web development course. A fully dynamic shopping cart has been developed! Data was consumed directly from an API!

Primary LanguageJavaScript

🎉 Welcome to my shopping cart repository

shopping-cart gif

flag languages flag style flag tests flag API

Project running

Project developed during the front-end module of the Trybe full-stack web development course.

A fully dynamic shopping cart has been developed! 🛒

Data was consumed directly from an API! 🤩

An API is a point of contact on the internet with a certain service and in this project the Mercado Livre API was used to search for products for sale. 🏷️

In this project, test-oriented development, the famous TDD, was put into practice, which helps to ensure quality code, understanding the use cases of your application and ensuring that it is working correctly! 🚀

🔨 Project features

  • Search bar
  • Loading with error handling in API response
  • Removing products from cart
  • Price update
  • TDD (Test Driven Development)

📥 Installing Dependencies

npm install

▶️ Running application

  1. It is necessary to emulate a local server to upload the application, it is recommended to use the Live Server
  2. With the online server, just upload the index.html file

🧪 Running tests

Terminal

npm test

Graphics Mode

npm run cypress:open

🧔 Author

Marcos Paulo Pereira