- Added new pages for Wallet Credit, System Settings, Sales Summary, Profit Loss, Inventory Value, and Variant Comparison reports. - Introduced Admin Notifications page and integrated it into the sidebar. - Updated routing to accommodate new report pages and improved navigation structure. - Enhanced sidebar with scrollbar styles for better usability. - Implemented new input fields for gold price per gram and factory fee percentage in the Variant Manager. - Refactored report handling in the Reports page to include new report types and improved filter functionality. These changes significantly expand the application's reporting capabilities and improve user experience across various components. |
||
|---|---|---|
| cypress | ||
| src | ||
| .gitignore | ||
| Dockerfile | ||
| README.md | ||
| cypress.config.ts | ||
| docker-compose.stage.yml | ||
| docker-compose.yml | ||
| index.html | ||
| nginx.conf | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| swagger-ui.html | ||
| swagger.json | ||
| tailwind.config.js | ||
| tsconfig.json | ||
| tsconfig.node.json | ||
| vite.config.ts | ||
README.md
Mazane - Modern Admin Dashboard
A modern, responsive admin dashboard built with React, TypeScript, and Vite. This project provides a comprehensive solution for managing users, products, orders, and analytics.
Features
- 🎨 Modern and responsive UI with Tailwind CSS
- 📊 Interactive charts and analytics
- 👥 User management system
- 📦 Product management
- 🛍️ Order tracking
- 🔐 Authentication and authorization
- 🌙 Dark/Light mode
- 📱 Mobile responsive design
Tech Stack
- React 18
- TypeScript
- Vite
- Tailwind CSS
- React Query
- React Router
- Chart.js
- Zustand (State Management)
- React Hook Form
- Zod (Validation)
Getting Started
Prerequisites
- Node.js (v18 or higher)
- npm or yarn
Installation
- Clone the repository:
git clone https://github.com/hosseintaromi/mazane.git
cd mazane
- Install dependencies:
npm install
# or
yarn install
- Start the development server:
npm run dev
# or
yarn dev
- Open http://localhost:5173 in your browser.
Project Structure
src/
├── components/ # Reusable UI components
├── contexts/ # React contexts
├── hooks/ # Custom React hooks
├── pages/ # Page components
├── services/ # API services
├── stores/ # State management
├── types/ # TypeScript types
└── utils/ # Utility functions
Available Scripts
npm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLintnpm run type-check- Run TypeScript type checking
Contributing
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'feat(feature): add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
License
This project is licensed under the MIT License - see the LICENSE file for details.
Contact
Hossein Taromi - @hosseintaromi
Project Link: https://github.com/hosseintaromi/mazane