Skip to content

A full-stack React application with Firebase authentication, supporting multi-role and multivendor functionality. Features a secure login, dynamic access control, and a responsive, visually appealing dashboard for managing users, vendors, and real-time data. Ideal for scalable, multi-user platforms.

Notifications You must be signed in to change notification settings

developer-mezbah/react-stripe-variety-store

Repository files navigation

Admin access

Emails:

admin@mezbah.com

password:

aA1!bc

Env file

VITE_APIKEY=""
VITE_AUTHDOMAIN=""
VITE_PROJECTID=""
VITE_STORAGEBUCKET=""
VITE_MESSAGINGSENDERID=""
VITE_APPID=""

VITE_HOST=""

Full-Stack React Application with Firebase Authentication and Multi-Role Support

Project Overview

This project is a full-stack React application built with a focus on multi-role and multivendor functionality. The authentication system is powered by Firebase, providing secure user management, and the beautifully designed dashboard delivers an intuitive experience for all user types, from regular customers to vendors and administrators.

Features

🔒 Firebase Authentication

  • Secure and real-time user authentication using Firebase.
  • Supports user registration, login, and password recovery.
  • Reliable user session management, ensuring secure access.

👥 Multi-Role & Multi-Vendor System

  • Role-based access control with different user types:
    • Admin: Full control over the platform.
    • Vendor: Manage their products, view sales, and engage with customers.
    • Customer: Browse and interact with vendor products.
  • Scalable multi-vendor support enabling multiple vendors to operate within the platform.

📊 Beautiful and Intuitive Dashboard

  • Responsive design for optimal viewing on both desktop and mobile.
  • Real-time data visualization with key metrics for admins and vendors.
  • Easy-to-navigate layout to streamline user experience for all roles.

⚙️ Vendor and Admin Management

  • Vendors can upload, manage, and track their products and sales.
  • Admins have full control to manage vendors and monitor platform performance.

Tech Stack

  • Frontend: React, CSS, and styled-components
  • Backend: Firebase (authentication, Firestore database)
  • Additional Libraries: React Router, Chart.js (for dashboard data visualization)

Getting Started

To get a local copy of the project up and running, follow these steps.

Prerequisites

  • Node.js
  • Firebase account for API keys and configuration

Installation

  1. Clone the repository:
    git clone https://github.com/your-username/your-repo-name.git

About

A full-stack React application with Firebase authentication, supporting multi-role and multivendor functionality. Features a secure login, dynamic access control, and a responsive, visually appealing dashboard for managing users, vendors, and real-time data. Ideal for scalable, multi-user platforms.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published