Online Product Management Platform (Brand Shop BD)

Live Link: Brand Shop BD

Introduction

This repository hosts an Online Product Management Platform aimed at simplifying the process of product management for users. It offers a suite of functionalities enabling users to add, view, update, and manage products effectively within their cart. The platform is built with user convenience and an intuitive interface in mind.

Key Features

• Add Products: Seamlessly add new products using a user-friendly form.
• Brand Selection: Explore detailed product information categorized by specific brands such as Apple, Samsung, Sony, etc.
• Update Product Information: Modify product details like name, brand, price, etc., to keep information up-to-date.
• My Cart Management: Efficiently manage products within the cart, allowing for purchases and deletions.
• User Authentication: Ensures data privacy by permitting access to details and updates only to signed-in users.
• Responsive Design: Tailored with Tailwind CSS for a responsive and adaptive UI across diverse devices.
• Dark Mode: A feature that allows users to toggle between light and dark themes for personalized viewing.

Technologies Used

Frontend

• HTML, CSS, JavaScript: Core technologies for structure, style, and interactivity.
• React: A JavaScript library for building user interfaces.
• React Router Dom: Handles navigation within React applications.
• React Icons: Offers an array of icon packs as React components.
• React Hot Toast: Provides customizable and user-friendly toast messages.
• Prop-types, SweetAlert2: Enhancements for runtime typechecking and custom alerts.
• Firebase: Backend services for authentication, database, and hosting.

Backend

• Node.js, Express.js: Core backend technologies enabling scalable applications.
• Cors, Dotenv: Libraries handling cross-origin resource sharing and environment variables.
• MongoDB: Official MongoDB driver for Node.js, facilitating database interactions.

Installation Guide

1. Clone the repository: git clone https://github.com/mohiqudraty/brand-shop-bd.git
2. Install dependencies:
   • For NPM: npm install
3. Configure environment variables:
   • Create a .env file in the root directory.
   • Add required environment variables.
4. Start the server:
   • For NPM: npm start
5. Open http://localhost:5000 in your browser.

Usage

1. Register or log in to your account.
2. Add new products using the provided form.
3. View specific brand products in detail.
4. Update product information as required.