DevShop E-Commerce

DevShop is an e-commerce website that I built using React and Tailwind CSS, with data fetched from the Fake Store API. It is a responsive and modern web solution that showcases various products and categories, such as clothing, electronics, jewelry, and more. Users can browse, search, filter, and sort products, as well as add them to their shopping cart and checkout with Stripe.

The front-end of DevShop is built with React, a popular JavaScript library for creating user interfaces. I used functional components, hooks, and custom hooks to manage the state and logic of the application. I also used React Router for navigation, React Query for data fetching and caching, and React Stripe for payment integration.

The back-end of DevShop is powered by the Fake Store API, a free and open-source REST API that provides dummy product data for e-commerce websites. I used Axios, a promise-based HTTP client, to make requests to the API and retrieve the product data. I also used SWR, a React hook library for data fetching, to handle the caching, revalidation, and error handling of the API data.

The design of DevShop is based on Tailwind CSS, a utility-first CSS framework that provides low-level classes for styling elements. I used Tailwind’s built-in utilities and custom classes to create a consistent and elegant UI design for the website. I also used Tailwind’s responsive features to make the website adapt to different screen sizes and devices.

DevShop is a project that demonstrates my skills and experience as a full-stack developer. It showcases my ability to use React and Tailwind CSS to create a fast, responsive, and user-friendly e-commerce website. It also shows my proficiency in working with REST APIs, data fetching, and payment integration.