Skip to content

minhaz1010/Bike-Rental-Front-End

Repository files navigation

Bike Rental Project

Table of Contents

  1. Introduction
  2. Project Description
  3. Features
  4. Technology Stack
  5. Installation Guide
  6. Demo

Introduction

Welcome to Our Bike Rental Website! This project is a full-fledged web application built for bike rental purposes. It features a clean UI to browse bikes, book rentals, manage user profiles/logins, and handle payments, all built using modern technologies.

Project Description

The Bike Rental Project is a comprehensive platform for a bike lending service. It caters to two types of users: customers and admins. Customers can browse and rent bikes, while admins have access to the entire platform to ensure smooth operations, such as controlling user roles, managing bikes, and overseeing rentals. The primary goal of the project is to create an exceptional user experience supported by robust backend functionality, emphasizing secure data management and usage.

Admin Credentials

User Credentials

Features

User Management

  • User registration (Sign Up)
  • User authentication (Login)
  • User logout
  • Password change functionality
  • Update his profile

Bike Browsing

  • Search Functionality
  • Catalog of available bikes
  • Filtering options by various categories:
    • Brand
    • Model
    • Availability

Rental Management

  • Bike booking for specified durations
  • Rental history viewing

Admin Dashboard

  • Comprehensive management tools:
    • User management
    • Transaction monitoring
    • Bike addition and removal
  • Platform integrity maintenance

Payment Integration

  • Secure payment processing for bike rentals (Development mode)
  • Integration with AamarPay

Responsive Design

  • Full responsiveness across all devices
  • Smooth user experience on desktop and mobile

Technology Stack

Frontend

  • React
  • Redux Toolkit
  • RTK Query
  • TypeScript
  • React Router DOM
  • Tailwind CSS
  • Shadcn

Backend

Cloud and Deployment

  • Vercel

Miscellaneous

  • Form validation: React Hook Form and Zod
  • Payment Integration: Aamarpay integrated

Installation Guide

Prerequisites

  • Node.js: Download and install from nodejs.org
  • npm or yarn package manager

Installation Steps

  1. Clone the repository:
    git clone https://github.com/minhaz1010/Bike-Rental-Front-End.git
  2. Navigate to the project directory:
    cd Bike-Rental-Front-End
  3. Install dependencies:
    npm install
    or if using yarn:
    yarn install

SnapShot

Releases

No releases published

Packages

No packages published

Languages