FotWebAdmin is a comprehensive, modern web-based administration dashboard built with React, Redux, and Material-UI, designed to provide powerful management capabilities.
- 📊 Advanced Data Visualization
- 🔐 Secure Admin Authentication
- 📈 Interactive Dashboards
- 📋 Comprehensive Data Grids
- 🎨 Responsive Material-UI Design
- 🚀 State Management with Redux
- Node.js (v16+ recommended)
- npm or Yarn
# Clone the repository
git clone https://github.com/AjmalDevala/FotWebAdmin.git
# Navigate to project directory
cd FotWebAdmin
# Install dependencies
npm install
# Start development server
npm run dev| Script | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Build production-ready application |
npm run preview |
Preview production build |
FotWebAdmin/
│
├── src/
│ ├── components/ # Reusable UI Components
│ ├── pages/ # Page Components
│ ├── redux/ # Redux Store & Slices
│ │ ├── store.js
│ │ └── slices/
│ ├── services/ # API Services
│ ├── utils/ # Utility Functions
│ └── routes/ # Application Routing
│
├── public/ # Static Assets
└── vite.config.js # Vite Configuration
- Material-UI for consistent design
- Tailwind CSS for rapid styling
- Fully responsive layout
- Cross-browser compatibility
Utilizing Redux Toolkit for:
- Centralized state management
- Predictable state updates
- Simplified Redux logic
- Protected routes
- Role-based access control
- Secure API interactions
- Fork the Repository
- Create Feature Branch (
git checkout -b feature/AdminFeature) - Commit Changes (
git commit -m 'Add some AdminFeature') - Push to Branch (
git push origin feature/AdminFeature) - Open Pull Request
- Vite for fast builds
- Code splitting
- Lazy loading of components
- Efficient state management
Distributed under the MIT License.
Ajmal Devala
- Email: ajmaldevala@gmail.com
- LinkedIn: Ajmal Devala
- GitHub: AjmalDevala
Crafted with ❤️ by Ajmal Devala