https://github.com/sidali-djeghbal/supermarketmanagement
https://github.com/sidali-djeghbal/supermarketmanagement
staff-management supermarket-management-system
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/sidali-djeghbal/supermarketmanagement
- Owner: Sidali-Djeghbal
- Created: 2025-04-19T18:17:29.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-05-03T09:35:26.000Z (6 months ago)
- Last Synced: 2025-05-03T10:27:56.293Z (6 months ago)
- Topics: staff-management, supermarket-management-system
- Language: TypeScript
- Homepage:
- Size: 579 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SuperMarket Management System
A comprehensive staff and machine management solution for supermarkets with shift scheduling capabilities.
## Key Features
- **Staff Management**:
- Add, view, and remove cashiers with secure credentials
- Toggle password visibility for verification
- Responsive list and grid views
- **Machine Tracking**:
- Register and manage cash register machines
- Visual machine status indicators
- **Shift Scheduling**:
- Assign cashiers to machines with start/end times
- View current shift assignments
- **Modern UI**:
- Dark theme interface with intuitive controls
- Real-time clock display
- Responsive design for all devices
## Technology Stack
- **Frontend**:
- Next.js (App Router)
- TypeScript
- Tailwind CSS
- React Hooks
- **State Management**:
- React useState for local state
- Context API (if applicable)
## Project Structure
```
src/
├── app/ # Main application pages
│ ├── layout.tsx # Root layout
│ └── page.tsx # Home page with staff management
├── components/ # Reusable components
│ └── Staff/ # Staff management components
│ ├── StaffManagement.tsx # Main staff interface
│ └── ShiftManagement.tsx # Shift scheduling
└── types/ # Type definitions
├── Entities.ts # Employee and Machine types
└── Shift.ts # Shift type definitions
```
## Getting Started
1. Clone the repository
2. Install dependencies:
```bash
npm install
```
3. Start the development server:
```bash
npm run dev
```
4. Open [http://localhost:3000](http://localhost:3000) in your browser
## Screenshots
