Locker Rental Android App | UI Design + Flutter App Development

# Case Study: Development of a Location-Based Locker Rental and Control App with Flutter

## Introduction

This case study outlines the development of a mobile application for renting and managing lockers at different locations. The app, built using Flutter, includes user functionalities for renting lockers secured by a 4-digit PIN and equipped with a charging timer, as well as an admin section for controlling locker statuses. The project is currently in progress, with the front-end development ongoing.

## Objectives

1. Locker Rental: Enable users to rent lockers with a secure 4-digit PIN.

2. **Device Charging: Provide lockers with a charging timer for devices.

3. **Location-Based Access**: Allow users to access lockers at various locations.

4. **Admin Control**: Equip admins with tools to manage locker statuses.

## Project Scope

- **UI Design**: Create an intuitive interface for users and admins.

- **App Development**: Implement the app using Flutter.

- **Location Management**: Support managing lockers across multiple locations.

## UI Design

### Goals

- **User-Friendly**: Ensure easy navigation for renting and using lockers.

- **Secure**: Implement robust security for locker access.

- **Admin Control**: Provide a simple interface for managing lockers.

### Tools

- **Figma**: For wireframes and mockups.

- **Flutter**: For UI implementation.

- **Dart**: Programming language.

### Screenshots (Wireframe & User Journey )

###Design System

#### Screenshots (UI Design )

### Current Focus: Front-End Development

1. **Main Screen**: Designing options for selecting locations, renting lockers, and accessing the admin panel.

2. **Locker Rental Flow**: Developing the UI for location selection, PIN setup, and charging timer.

3. **Admin Dashboard**: Creating a location-based dashboard for managing lockers.

## Conclusion

The project is currently focused on front-end development, aiming to create a user-friendly interface for renting and managing lockers at various locations. The next steps include completing the front-end design and integrating it with backend functionalities to achieve real-time locker management and monitoring.