Portfolio Project: Shoes Shop

Description

This project is a CRUD application built with TypeScript and React, focusing on Redux and hooks. It interacts with a public database and APIs to fetch and create data.

My Role & Key Implementations

  • Analyzed and implemented React components for various project elements.

  • Utilized useEffect and useState for data loading.

  • Integrated Formik for form validation and submission.

Main Features

  • Main Page: Displays a list of products, using useEffect to fetch and map data from the API.

  • Product Detail Page: Shows product details, including quantity and an "Add to Cart" button (requires login).

  • Register & Login Page: Uses Formik for form validation and submission.

  • Search Page: Allows users to search for products by keyword and sort results in ascending or descending order.

  • Cart Page: Displays selected products with a payment button.

  • User Page: Shows user information, including payment history.

  • Deploys by Vercel

You can explore the project by creating your own user account on the Register Page and interacting with the features.

Skills