Skip to main content

Zoom Bikes-RMS — Portfolio

Project overview Zoom Bikes-RMS is a Rental Management System for weekly moped/bike rental operations in London. Staff use it to look up bikes by UK registra...

Screenshots & Gallery

Zoom Bikes-RMS — Portfolio - Image 1

Video

Project overview

Zoom Bikes-RMS is a Rental Management System for weekly moped/bike rental operations in London. Staff use it to look up bikes by UK registration, manage rentals and payments, track service records, and keep customer and audit data in one place.

  • Role: Full-stack development
  • Type: Web application (staff-only dashboard + public bike lookup)
  • Deployment: Cloudflare Workers (OpenNext), Firebase backend

About this project

Problem: Rental businesses need a single place to see which bikes are out, who owes what, when service is due, and to export or audit data—without spreadsheets and paper.

Solution: A responsive web app where:

  • Anyone can find a bike by registration (no login) and see rent, payments, due amounts, and service.
  • Staff log in to access a full dashboard: add/edit bikes, manage customers, start rentals, record payments, view a calendar, run reports, and use analytics and an audit log.

Key features

  • Public bike lookup — Enter registration on the home page to view that bike’s rent, payments, due amounts, and service (no login).
  • Staff auth — Email/password sign-in via Firebase Auth; protected dashboard routes.
  • Dashboard — Overview and quick access to bikes, customers, calendar, reports, analytics, and audit.
  • Bike management — Add bikes (registration, make, model, year, photo); edit details; view and upload photos/documents (Firebase Storage).
  • Bike detail page — Per-bike view of rentals, payments, due summary, service records, and file management (rename/replace/delete).
  • Customers — Add/edit/delete customers; assign bikes and set rental periods and weekly amounts.
  • Calendar — Monthly view of which bikes are rented on which days.
  • Reports — Export full backup (JSON: bikes, rentals, payments, customers, service, audit).
  • Analytics — Charts and stats over rentals and payments (Recharts).
  • Audit log — List of recent actions for accountability.
  • Rental agreement — Generate/view rental agreement content.
  • Responsive UI — Mobile-friendly layout, safe areas, dark mode support.

Technologies Used

Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS 4Firebase (Firestore, Authentication, Storage)
Completed: 2026-02-26
Categories
Visit Website— Contact us to see the demo
Get Quote for Similar Project