EmadHussien / Admin-Dashboard

Home Page:https://admin-dashboard-tan-psi.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

E&H E-Commerce Admin Dashboard - FullStack

Overview

Embark on a journey with the E&H E-Commerce Admin Dashboard, where innovation meets functionality. Crafted with precision using React and Node.js, this dashboard transcends the ordinary, offering a symphony of features that redefine management and elevate data visualization to an art form. From decoding revenue intricacies to orchestrating a ballet of user activities, this dashboard is your backstage pass to an avant-garde e-commerce experience.

🚀 Live Hosted Dashboard: Explore the dashboard in action here.

🔗 Backend Repository: Delve into the backend magic at E-commerce-backend.

Unleash the power of React and Node.js, seamlessly integrated to provide a seamless user experience. Whether you're deciphering revenue trends, welcoming new members to your digital community, or immersing yourself in the latest transactions, this dashboard is designed to not just meet but exceed your expectations.

Technologies Used

  • ReactJS
  • Node.js
  • HTML
  • CSS
  • Material UI
  • Recharts
  • Git
  • Firebase Storage
  • Redux

Features

  1. Revenue Comparison:

    • Decode revenue intricacies with a month-over-month comparison.
  2. New Joined Members:

    • Roll out the virtual red carpet for new community members.
  3. Latest Transactions:

    • Witness the pulse of your e-commerce realm through real-time transaction updates.
  4. User Registration Over Time:

    • Chart the growth of your digital empire with a year-long user registration timeline.
  5. Data Visualization:

    • Elevate data representation to an art form with Recharts.
  6. User Management:

    • Effortlessly manage your digital citizenry with CRUD operations.
  7. Product Management:

    • Curate your digital storefront with efficient product management.
  8. Image Upload:

    • Secure and streamline the visual appeal of your products with React Firebase Storage.

Getting Started

Note: This project requires environment variables for configuration, including database connection details and other sensitive information. As the .env file is not included in this repository for security reasons, you will need to set up your environment variables.

Prerequisites

  • Node.js installed
  • Git installed

Installation

  1. Clone the repository:

    git clone https://github.com/EmadHussien/Admin-Dashboard.git
  2. Install dependencies:

    cd Admin-Dashboard
    npm install
  3. Running the App:

    npm start

    This will start the React frontend.

Login Credentials

  • Username: Admin
  • Password: admin

Contribution Guidelines

Feel free to contribute by opening issues or submitting pull requests.

License

This project is licensed under the MIT License.

Acknowledgments

  • Thanks to Material UI for the beautiful UI components.
  • Special thanks to Firebase for simplifying data storage and image uploads.

Embark on a digital odyssey with E&H, where every line of code is a brushstroke painting the canvas of innovation.

Home Page Screenshot

About

https://admin-dashboard-tan-psi.vercel.app


Languages

Language:JavaScript 83.3%Language:CSS 15.8%Language:HTML 0.9%