Strength Shop

This E-Commerce website was initially developed using React, Typescript, and Strapi as the headless CMS. The original version of the project showcased features such as error handling, loading states, and efficient data fetching through the integration with Strapi.

However, during the deployment phase, I encountered difficulties with the Strapi setup, which led to challenges in deploying the application successfully. To streamline the deployment process and remove unnecessary complexities, I made the decision to switch to a simpler data source.

In the current version of the project, I have made changes to simplify the architecture and optimize the deployment process. As part of these changes, a JSON file is now used as the data source. With this update, the website's core functionality remains unaffected, while certain features like error handling and data fetching are no longer required and have been removed. By making this change, I was able to simplify the deployment process and ensure a smoother user experience.

Please note that the original project using Strapi is still available here, showcasing the features mentioned above. However, it is no longer actively maintained or updated.

Features

• Product Listing Page: Explore the vast selection of fitness and strength-related products in the Strength Shop's comprehensive catalog, featuring a wide range of items to meet your specific needs and preferences.

• Search products: Users can utilize the search functionality to find specific products based on keywords or product names.

• Filter products by category, collection, and price: Users can filter the product catalog based on specific categories, collections, and price ranges to narrow down their search and find products that match their preferences.

• Sort products by newest, price, and relevance: Users can sort the product listing based on different criteria such as newest arrivals, price (low to high or high to low), and relevance to their search query.

• Add to cart functionality: Users can add or delete desired products to their shopping cart for easy purchase.

• Product details: Each product page provides comprehensive details, including description, images, pricing, and related products.

• Quick add to cart: Users can quickly add products to their cart without leaving the products page, enabling a streamlined shopping experience.

• Select quantity: Users have the option to specify the quantity of each product they want to add to their cart.

• Checkout form with details: The checkout page includes a form where users can provide their payment to complete the order process.