A sleek, responsive admin dashboard built with React 18 and Vite, featuring a combination of MUI, Mantine, Material Tailwind, and other modern UI frameworks. Designed for complex internal tools and dashboards with charts, tables, and form-heavy interactions.

⚡ Live Demo: https://dashboard-one-preview.vercel.app

• ⚡ Vite for blazing fast builds
• 🎨 MUI, Mantine, and Material Tailwind for beautiful UIs
• 📊 ApexCharts for visual analytics
• 🗓️ Day.js, Moment, and Ethiopian Date support
• 🔐 JWT-based auth with cookies
• ✅ Form validation using Formik + Yup
• 🔁 React Redux Toolkit for state management
• 📦 Dynamic Tables, Print Support, QR Code generation, and more
• 🧠 Code-splitting and lazy-loading support

src/
├── assets/images # Static images
├── components # Reusable UI components
├── configs # Global configuration constants
├── context # React context providers
├── css # Tailwind/global styles
├── data # Static/mock data
├── functions # Utility functions
├── http # Axios/API setup
├── layouts # Page layout components
├── pages # Route-based pages
├── tables # Table configuration and rendering
├── widgets # Dashboard widgets/cards
├── App.jsx # App root component
├── main.jsx # App entry point
└── routes.jsx # App routing config

git clone https://github.com/natnaelengeda/dashboard-one-preview.git
cd dashboard-one-preview

npm install
# or
yarn

npm run dev
# or
yarn dev

Create a .env file in the root directory and add your environment variables:

NODE_ENV=
VITE_SERVER_URL=
VITE_API_KEY=

Natnael Engeda

• 💻 Full Stack Developer (React, Node, Flutter, Laravel)
• 🌍 Based in Ethiopia
• 🔗 Portfolio: https://www.natnaelengeda.tech
• 🧑‍💼 LinkedIn: linkedin.com/in/natnaelengeda
• 🐙 GitHub: github.com/natnaelengeda
• 📧 Email: [email protected]
• 📞 Phone: +251 936 657 001

This project is maintained and actively developed by Natnael.
Feel free to reach out for collaborations, freelance work, or hiring opportunities.

This project wouldn't be possible without the amazing open-source tools and communities that power the modern web. Big thanks to:

• React – A JavaScript library for building user interfaces
• Vite – Next-generation frontend tooling
• Tailwind CSS – Utility-first CSS framework
• Material UI – React UI framework with design system
• Mantine – A modern component library for React
• Redux Toolkit – Standard approach to writing Redux logic
• ApexCharts – Modern charting library
• Formik – Form management for React
• Yup – Schema builder for value parsing and validation
• js-cookie – Simple JavaScript API for handling cookies
• React Router – Declarative routing for React apps

Thank you to the developers, maintainers, and contributors of these incredible tools! ❤️

This project is licensed under the MIT License — see the LICENSE.md file for details.

© 2025 Natnael Engeda