Skip to content

README.md

Latest commit

 

History

History
77 lines (55 loc) · 2 KB

README.md

File metadata and controls

77 lines (55 loc) · 2 KB
Raw

Admin Dashboard 🚀

Welcome to the Admin Dashboard! This project is a feature-rich and visually appealing admin panel built with modern web technologies. 🌟

🌐 Live Demo

👉 Explore the Admin Dashboard here!

✨ Features

  • 🗂️ Sidebar Navigation: Easily navigate between different sections of the dashboard.
  • 🌙 Dark Mode: Toggle between light and dark themes for better accessibility.
  • 🛤️ Page Navigation: Seamlessly switch between different pages.
  • 📝 Profile Form: Create and update profiles using Formik, with validation powered by Yup.
  • 📅 Calendar: Integrated with FullCalendar for scheduling and event management.
  • 📋 Data Tables: Built with MUI DataGrid for sorting, filtering, and pagination.
  • 📊 Charts: Line, bar, pie, and geography charts using Nivo.

🛠️ Technologies Used

  • Frontend: React.js ⚛️
  • Styling: Material-UI (MUI) 🎨
  • Charts: NivoCharts 📈
  • Sidebar: React-Pro-Sidebar 🗂️
  • Forms: Formik & Yup 📝
  • Calendar: FullCalendar 📅
  • Deployment: Vercel 🌍

🚀 Getting Started

Prerequisites

Make sure you have the following installed:

  • Node.js 🟢
  • npm or yarn 📦

Installation

  1. Clone the repository:

    git clone https://github.com/Tahrim19/admin-dashboard.git

  2. Navigate to the project directory:

    cd admin-dashboard

  3. Install dependencies:

    npm install
# or
yarn install

  4. Start the development server:

    npm start
# or
yarn start

  5. Open your browser and visit:

    http://localhost:3000

🌟 Show Your Support

If you like this project, please ⭐ the repository!

Acknowledgement

This project was created as a learning exercise, guided by a tutorial video. Many thanks to the creator for their valuable insights.
Watch the tutorial here! 🎥