Overview

The Online Shop is a web application built with React.js and Strapi that allows users to browse and purchase products. It includes a catalog, categories, single product pages, a functional cart, and a search modal. The database is hosted on Render.com, and the layout is fully responsive and adaptable for all screen sizes. The application also integrates with Stripe for secure and seamless checkout.

Features

• Catalog: Users can browse through a wide range of products.
• Categories: Products are organized into categories for easy navigation.
• Single Product Pages: Each product has its own page with detailed information.
• Functional Cart: Users can add products to their cart and view and modify its contents.
• Search Modal: A search bar is available for users to quickly find products.
• Responsive Layout: The application is designed to work well on all screen sizes.
• Global State Management: The useContext hook is used to manage the state globally.
• Stripe Integration: Stripe is integrated for secure and seamless checkout.

Installation

To install the Online Shop theme, follow these steps:

1. Clone the GitHub repository: git clone [repository_url].
2. Install the dependencies: npm install.
3. Start the development server: npm start.
4. Access the application on your web browser at http://localhost:3000.

Summary

The Online Shop is a feature-rich web application built with React.js and Strapi. It provides users with a seamless shopping experience, allowing them to browse and purchase products, manage their cart, and securely checkout using Stripe integration. The application’s responsive layout and global state management make it adaptable for all screen sizes and enable efficient data handling. Overall, the Online Shop is a well-designed and functional e-commerce solution.