Overview:

The Public Bike Sharing Kiosk UI is a web-based front-end interface designed for touchscreen kiosks or mobile-friendly web apps at public bike rental stations. It simulates how users can rent, return, and locate bikes from a public sharing system using a sleek and interactive interface.

This project focuses on UI/UX design and functionality, perfect for building smart city applications and learning how public-facing terminals work.

Technologies Used:

• Frontend: HTML, CSS, Bootstrap, JavaScript (focus on responsive design)

• Backend (Optional for simulation): Node.js / PHP / Java

• Database (for advanced simulation): MySQL / SQLite / MongoDB

• Map APIs: Google Maps or OpenStreetMap (for station locations)

• Other Tools: LocalStorage/sessionStorage (if simulating without backend)

Project Objectives:

• Provide a clean, user-friendly interface for public bike rental kiosks

• Allow users to check bike availability, rent or return bikes, and get directions

• Focus on accessibility, fast interactions, and touch optimization

• Optional admin panel for managing bike stations and viewing usage data

User Roles & Core Features:

1. User Module (Kiosk Front-End):

• Home Screen:

  • Welcome message with options like:
    ➤ "Rent a Bike"
    ➤ "Return a Bike"
    ➤ "Find Nearest Station"

• Rent a Bike Flow:

  • Enter/scan user ID or mobile number

  • Show available bikes and lock numbers

  • Confirm rental and show unlock code or QR to scan

  • Optional: Timer starts for rental duration

• Return a Bike Flow:

  • Show map of nearby stations

  • Choose return station

  • Confirm return (can simulate docking)

  • Display rental summary and charges (if any)

• Station Locator Map:

  • Real-time map of nearby bike stations

  • Show number of available bikes and empty docks

• Rental History (if login-based):

  • List of past rentals with time, date, and cost

2. Admin Module (Optional):

• Manage Stations & Bikes:

  • Add/edit/delete stations

  • Monitor number of bikes at each station

  • Track returned/damaged bikes

• View User Logs:

  • Rental and return history

  • Total ride time, distance (estimated), and charges