Skip to content

This is a Dashboard(Create, Read, Update, Delete) application built using React & Firebase

Notifications You must be signed in to change notification settings

mustafa-khaled/Admin-Dashboard

Repository files navigation

Live site URL

This is a Dashboard(Create, Read, Update, Delete) application built using React.js, Firebase, Tailwind.It allows you to manage a collection of products through a user-friendly interface.

Features

  • Product Listing: View a list of all products with their relevant details.

  • Add Product: Add new products to the collection by filling out a form.

  • Edit Product: Modify the details of existing products through an editable form.

  • Delete Product: Remove unwanted products from the collection with a single click.

  • Users Listing: View a list of all user with their relevant details.

  • Add New User: Add new user to the collection by filling out a form.

  • Edit User: Modify the details of existing user through an editable form.

  • Delete User: Remove unwanted user from the collection with a single click.

  • Dark Mode: Toggle Dark and light mode.

  • Orders List: Display the orders with their status.

Technologies Used

  • React.js: A JavaScript library for building user interfaces, utilized for creating the frontend of the application.
  • Redux Toolkit: To manage global state.
  • Firebase: A comprehensive mobile and web application development platform that provides real-time database, authentication, hosting, and other services, allowing seamless integration and efficient management of app data and user authentication.
  • Tailwind: A utility-first CSS framework that streamlines web development by offering a set of pre-built utility classes, enabling rapid and responsive design with a clean and maintainable code structure.
  • Material-UI(MUI): A popular and robust React UI framework that implements Google's Material Design principles, offering a vast collection of pre-designed components and styles to facilitate the creation of visually appealing and consistent user interfaces.

Live site URL