Pair programming project where we're challanged to create an E-commerce Application capable of interacting with a backend through a public API.
API for prototyping E-commerce and learning about how to connect to an API with the best practices.
This project was bootstrapped with Create React App.
Follow this steps:
https://github.com/NotPako/fakeECommerce.git
npm install
npm start
In order to develop this project, for the frontend part we used React with React-Router-Dom, Axios, functional components, debounced search, validated forms, useContext, and also, correct folder distribution with the use of services for external API calls.
Users are able to consult and filter data (all search inputs are debounced), create new products through a register form, validated (error check).
We implemented pagination for displayed elements coming from the API and a light/dark theme selector with the use of React useContenxt as a global state manager.
- "/"
- "/catalogue"
- "/details"
- "/add"
- Home.jsx
- Catalogue.jsx
- ProductDetails.jsx
- SearchProduct.jsx
- AddProduct.jsx
- Header.jsx
- Body.jsx
- Footer.jsx
- Pagination.jsx
- Product.jsx
- ProductCard.jsx
- apiCalls.js
- validate.js
- ProductProvider.jsx
- DarkModeProvider.jsx