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.
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.
- 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.
- 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
- Node.js (v14 or higher)
- npm or yarn package manager
- MongoDB installed locally or a cloud database URI
- Clone the repository:
git clone https://github.com/noyonalways/campgears-web.git
- Navigate to the project directory:
cd campgears-web
- Install the dependencies:
Or if you're using Yarn:
npm install
yarn install
- 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
-
Running the application:
npm run dev
Or with Yarn:
yarn dev
This will start the development server on
http://localhost:5173
. -
Accessing the application: Open your browser and navigate to
http://localhost:5173
to start using the Campgears application. -
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.
- Email: [email protected]
- LinkedIn: Noyon Rahman
- Portfolio: noyonrahman.xyz