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! 🎥