Online Bike Rental Booking Platform

Online Bike Rental Booking Platform

Introducing Bike Book – A Online Bike Rental Booking

Looking for a flexible, eco-friendly, and affordable way to get around the city? Bike Book is here to revolutionize the way you travel. Whether it’s a quick commute or a weekend getaway, Bike Book makes renting bikes and bicycles a breeze.

Bike Book is a simple, open-source, web-based bike rental system built using React.js, Node.js, and MongoDB, with a clean interface and robust features. It empowers both users and admins with seamless access and management capabilities.


📌 Table of Contents


1.1 Purpose

BikeBook aims to modernize how people rent two-wheelers. Instead of buying and maintaining a bike, users can simply rent one when needed—from multiple pickup points—and return it after use. This solution promotes sustainability, reduces traffic congestion, and offers a practical commuting option for everyday users.


1.2 Features

User Features:

  • Easy signup and login (including Google and Facebook)
  • Identity verification via NID/Passport/DOB certificate
  • Driving license validation for motorbike bookings
  • Book one or more bikes simultaneously
  • Select pickup & return dates
  • Real-time bike availability based on date/time
  • Dynamic price calculation based on booking duration
  • Search bikes and filter by popularity or rating
  • Read reviews/testimonials
  • Subscribe for special offers
  • Make secure card payments with unique transaction IDs
  • View full booking history
  • Late return penalties
  • View pickup points on an interactive map

🔐 Admin Features:

  • Admin dashboard access
  • Add/update/delete bikes
  • Add new admins
  • Manage customer data
  • Monitor reports and income statements

1.3 Technology

💻 Frontend

  • React.js – For responsive UI and interactivity
  • Bootstrap 4 – For fast, mobile-first styling
  • Redux – For state management

🔧 Backend

  • Node.js + Express.js – Lightweight and fast backend

🗃️ Database

  • MongoDB – NoSQL database with flexible schema
  • Mongoose – For data modeling and validation

🔒 Security & Middleware

  • bcrypt – Password hashing
  • dotenv – Environment variable management
  • JWT – Authentication and authorization
  • cookie-parser – HTTP cookie handling
  • Multer – File upload handling

🧩 Diagrams

📌 Use Case Diagram

🧱 Class Diagram

🔄 Activity Diagram

⏱️ Sequence Diagram

🗂️ ER Diagram


🖼️ Screen Shots

🏠 Homepage

🔐 User Login Page

📝 User Signup Page

🔐 Admin Signin

🚴 Explore Bikes

📆 Rent Bikes

🛒 Cart

⭐ Reviews

🛠️ Admin Dashboard

➕ Add Bikes

🛵 Available Bikes

📊 Income Statements

👤 Available Users

screencapture-localhost-3000-getrentbikesforadmin-2022-12-31-22_34_16-1024x799 Online Bike Rental Booking Platform
screencapture-localhost-3000-2022-12-31-22_18_02-652x1024 Online Bike Rental Booking Platform
screencapture-localhost-3000-addbikes-2022-12-31-22_33_14-1024x508 Online Bike Rental Booking Platform
screencapture-localhost-3000-addbikes-2022-12-31-22_34_02-1024x508 Online Bike Rental Booking Platform
screencapture-localhost-3000-adminsignin-2022-12-31-22_31_52-1024x570 Online Bike Rental Booking Platform
screencapture-localhost-3000-rentbikereviews-2022-12-31-22_29_46-790x1024 Online Bike Rental Booking Platform
screencapture-localhost-3000-signin-2022-12-31-22_22_47-1024x570 Online Bike Rental Booking Platform
Screenshot-2022-12-31-222317-1024x509 Online Bike Rental Booking Platform
Screenshot-2022-12-31-222709-1024x505 Online Bike Rental Booking Platform
screencapture-localhost-3000-adminsignin-2022-12-31-22_32_10-1024x570 Online Bike Rental Booking Platform
screencapture-localhost-3000-availableusers-2022-12-31-22_34_48-1024x508 Online Bike Rental Booking Platform
screencapture-localhost-3000-rentbike-2022-12-31-22_19_28-1024x865 Online Bike Rental Booking Platform

⚙️ Installation

To run Bike Book locally:

Navigate to the project directory and install dependencies

 

npm install
  1. Set up environment variables
    Create a .env file and add your credentials (MongoDB URI, JWT secret, etc.)
  2. Run the development server
npm run dev
  1. Open in your browser
    Visit http://localhost:3000

 

UML-class-926x1024 Online Bike Rental Booking Platform
Sequence-Diagram-1024x628 Online Bike Rental Booking Platform
ER-Diagram-1024x789 Online Bike Rental Booking Platform
Activity-Diagram-574x1024 Online Bike Rental Booking Platform
UML-Use-Case-Diagram-1024x792 Online Bike Rental Booking Platform

Share this content:

Post Comment