Campgears E-Commerce Application

Introduction

Campgears is an e-commerce platform designed for outdoor enthusiasts, offering a wide range of camping gear and accessories. This project aims to provide users with a seamless shopping experience, featuring a clean user interface and powerful search and filtering capabilities.

Project Description

Campgears is a fully-featured e-commerce website that allows users to browse, search, and purchase camping equipment and accessories. The platform includes essential e-commerce functionalities such as product categorization, price filtering, product reviews, and a secure checkout process. The project is built with scalability and user experience in mind, utilizing modern web development technologies.

Features

• Product Listing and Details: Users can browse products by categories, view detailed descriptions, and check availability.
• Search and Filtering: Advanced search and filtering options allow users to find products based on categories, price range, and more.
• Product Reviews: Users can view and add reviews to products, helping others make informed decisions.
• Cart and Checkout: Users can add products to their cart and proceed to checkout with a streamlined process.
• User Authentication: Secure user registration, login, and profile management.
• Responsive Design: The application is fully responsive, providing a consistent experience across devices.

Technology Stack

• Frontend: React, Tailwind CSS, Framer Motion
• Backend: Node.js, Express, TypeScript
• Database: MongoDB, Mongoose
• Validation: Zod
• State Management: Redux Toolkit
• APIs: RESTful APIs built with Express

Installation Guideline

Prerequisites

• Node.js (v14 or higher)
• npm or yarn package manager
• MongoDB installed locally or a cloud database URI

Installation Steps

1. Clone the repository:

   git clone https://github.com/noyonalways/campgears-web.git

2. Navigate to the project directory:

   cd campgears-web

3. Install the dependencies:

   npm install

   Or if you're using Yarn:

   yarn install

Configuration

1. Create a .env.local file in the root directory:

   VITE_API_BASE_URL=your_backend_api_server_url
   VITE_IMGBB_API_KEY=your_imgbb_api_key
   VITE_STRIPE_PUBLISHABLE_KEY=your_stripe_publishable_key
   

Usage

1. Running the application:

   npm run dev

   Or with Yarn:

   yarn dev

   This will start the development server on http://localhost:5173.

2. Accessing the application: Open your browser and navigate to http://localhost:5173 to start using the Campgears application.

3. Using the platform:

   • Browse Products: Explore various camping gears by category or use the search bar.
   • Filter and Sort: Narrow down the product list by price, category, or other filters.
   • Add to Cart: Add desired products to your cart and proceed to checkout.

Contact:

• Email: [email protected]
• LinkedIn: Noyon Rahman
• Portfolio: noyonrahman.xyz