Shopsy

Shopsy is a fully responsive e-commerce application built with React and Vite. It features product fetching from the backend, a robust payment system, and category filters to enhance the user shopping experience

Project Description

Shopsy is designed to provide a seamless shopping experience, ensuring users can easily browse and purchase products. The application fetches product data from the backend, allowing for dynamic updates and scalability. The payment system is integrated to facilitate secure transactions, while category filters help users find products quickly and efficiently.

Key Features BloodCamp

1. Fully Responsive Designed to work on all devices, from mobile phones to desktops

2. Product Fetching Retrieves products dynamically from the backend.

3. Payment System Secure and reliable payment processing.

4. Category Filter Helps users filter products by category for a better shopping experience.

Images

Project Setup

To set up the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Chumki111/Shopsy.git

2. Navigate to the project directory:

   cd Shopsy

3. Install dependencies using npm or yarn:

   npm install
   # or
   yarn install

4. Create a .env file in the root directory and add necessary environment variables such as API keys, database URLs, etc.

5. Start the development server:

   npm run dev

6. Open http://localhost:5173 in your browser to view the application.

React Router

This project utilizes React Router for client-side routing. React Router is a powerful routing library for React applications, allowing navigation between different components without the need for page refreshes. For more information on React Router, refer to the official documentation.

Installation

To install React Router in your project, run:

npm install react-router-dom
# or
yarn add react-router-dom