A comprehensive admin dashboard built with React, featuring data visualization, calendar management, and form handling capabilities. Powered by Material-UI, Nivo Charts, and FullCalendar for a powerful administrative experience.
- 📊 Interactive Data Visualization with Nivo charts
- 📅 Event Management with FullCalendar integration
- 📝 Form Handling with Formik and Yup validation
- 👥 Team Management interface
- 📊 Data Grid for efficient data display
- 🎨 Theme Customization with light/dark modes
- 📱 Responsive Design for all devices
- 🎯 Interactive Components for streamlined tasks
- React - Frontend library
- Material-UI - UI components
- Nivo Charts - Data visualization
- Formik - Form management
- Yup - Schema validation
- FullCalendar - Calendar functionality
- React Pro Sidebar - Sidebar navigation
-
Clone the repository:
git clone https://github.com/yourusername/react-admin.git
-
Install dependencies:
cd react-admin npm install
-
Start the development server:
npm run dev
-
Open http://localhost:5173 to view it in your browser
- Bar, Line, Pie, and Geography charts
- Interactive data exploration
- Customizable chart themes
- Event creation and deletion
- Drag and drop functionality
- Multiple calendar views
- User profile creation
- Form validation
- Responsive form layouts
Experience the dashboard here: React Admin Dashboard