Runner is a single-page e-commerce application built with React, JavaScript, TypeScript, HTML, CSS, and SASS. The back-end is powered by mockapi.io.
As a user, you have the following functionalities:
- add/remove products from the cart.
- view the products in the cart.
- mark/unmark favorite items.
- view the favorite items.
- see the price for the items added to the cart in the header and cart sections.
- search for items by name.
- purchase items.
- view the ordered items.
For development, I chose React as the primary framework and started by focusing on implementing the core functionality and creating reusable components. I followed a step-by-step approach to gradually add new features and enhance the application.
To simulate data, I utilized the mockapi.io platform to create fake data. To communicate with the back-end and make requests, I opted for the AXIOS library, leveraging its async/await functionality for efficient asynchronous operations.
Throughout the development process, I made use of various React hooks such as useEffect, useState, and useContext. Additionally, I implemented custom hooks to encapsulate and reuse specific logic across different components. These hooks contributed to the overall organization and maintainability of the codebase.
