Gadget Galaxy

This project is a fully responsive e-commerce web application designed to provide a seamless shopping experience for users. It allows users to search, filter, and sort products across various categories, including brand, price range, and product type. The application features a dynamic product listing with advanced filtering options, enabling users to quickly find products that match their preferences.

Website live link

https://product-catalog-9b837.web.app

Server Side Repo

https://github.com/Sajid941/Product-Catalog-Server

Featured

• Responsive Design: Fully responsive layout for seamless browsing across all devices.
• Dynamic Product Search: Real-time search functionality with text-based querying.
• Advanced Filtering: Filter products by brand, category, and price range.
• Sorting Options: Sort products by price (low-high, high-low) and by newest additions.
• Pagination: Efficient pagination for easy navigation through large product listings.
• User Authentication: Secure login and registration system.

Technologies

Client Side :

• React
• Tailwind css
• Firebase

Server Side :

• Node JS
• Express JS
• MongoDB

Installation

Step 1:

# Clone the repo
git clone https://github.com/Sajid941/Product-Catalog-Client.git # Or download from github

Step 2:

# Install dependencies
npm install

Step 3: Setup environment keys

# .env Example
# Firebase secret -
  VITE_APIKEY= AIfadyAe-adfadfadfdfaereJT_myJtUCeF2nGcGM
  VITE_AUTHDOMAIN= project-name-34343.firebaseapp.com
  VITE_PROJECTID= project-name-34343
  VITE_STORAGEBUCKET= project-name-34343.appspot.com
  VITE_MESSAGINGSENDERID= 4524524524
  VITE_APPID= 1:4524524524:web:dsfhasdfhadslfjadh

Step 4:

#  Run the client
npm run dev

Contributing

Step 1: Fork the Repository

• Click on the "Fork" button at the top right of the repository page on GitHub to create a copy of the repository under your own GitHub account.

Step 2: Clone Your Forked Repository

# Clone the forked repo to your local machine
git clone https://github.com/YourUsername/Product-Catalog-Client.git

Step 3:

# Install dependencies
npm install

Step 4: Obtaining Environment Keys

Contact Me

• Please send a message to [sajidislam941@gmail.com/+880 1307-599584] requesting the environment keys.
• Include your GitHub username or other relevant details to help me verify your contribution.

Receive and Configure

• I will provide the required environment keys securely.
• Add these keys to your .env file and ensure they are kept private.

Step 5:

# Create a new branch
git checkout -b feature-branch-name

Step 6:

Make your changes

Step 7:

# Commit your changes
git commit -m "Description of changes"

Step 8:

# Push to your branch
git push origin feature-branch-name

Step 9 (Optional) :

If you'd like to contribute to the back-end, please visit the Product Catalog Server repository and follow the server-side contribution guidelines.