Skip to content

SwiftRental is a modern car rental platform offering seamless vehicle bookings with secure payments via Stripe and Aamarpay. Built with React, Redux, and TypeScript, it features role-based access, Google Maps integration, and dynamic UI animations using Framer Motion and GSAP.

Notifications You must be signed in to change notification settings

Muslehud77/SwiftRental-Client

Repository files navigation

SwiftRental

SwiftRental is an advanced car rental platform designed to offer users a seamless experience for booking vehicles. The platform supports role-based access, allowing admins to manage cars, approve bookings, and oversee trips, while users can browse and rent cars with ease. Integrated with secure payment gateways like Stripe and Aamarpay, it ensures smooth transactions. Additionally, the platform utilizes Google Maps for location tracking and features modern UI/UX with animations powered by Framer Motion and GSAP. SwiftRental is built using React, Redux, and TypeScript for a robust and scalable frontend.

Table of Contents

Technologies Used

  • Frontend: TypeScript, React, Redux, Redux Persist, RTK Query, TailwindCSS, ShadCN
  • Payments: Stripe, Aamarpay
  • Other Tools: Vite, Axios, GSAP, Framer Motion, React Router DOM, ESLint, PostCSS, Blurhash
  • APIs: Google Maps API for car location tracking
  • Animations: Framer Motion, GSAP

Features

  • User Authentication and Authorization
  • Car Listing and Details
  • Car Booking and Trip Management
  • Admin Dashboard for Car and Booking Management
  • Secure Payments with Stripe and Aamarpay
  • Role-based access control for Admin functionalities
  • Integrated Google Maps for location services
  • Car image placeholders with Blurhash
  • Smooth animations using Framer Motion and GSAP

Admin Capabilities

  • Profile Management: Admins can manage their profile details.
  • Manage Cars: Add, edit, delete cars from the platform.
  • Booking Approvals: Admins can approve or reject booking requests.
  • End Trips: Admins can manage and end active trips.
  • Statistics: View various platform performance metrics.

Admin Credentials

To access the admin dashboard, use the following credentials:

Links

Frontend Live Demo

Server Repository

Project Setup

Prerequisites

  • Node.js
  • npm or yarn

Installation

  1. Clone the repository:

    git clone https://github.com/Muslehud77/SwiftRental-client.git
  2. Navigate to the project directory:

    cd SwiftRental-client
  3. Install dependencies:

    npm install

    If you encounter issues, use the following command:

    npm install --force
  4. Set up environment variables: Create a .env.local file in the root directory with the following content:

    VITE_IMAGEBB_API=api key of imagebb
    VITE_BASE_URL=http://server.com/api
    VITE_GOOGLE_MAP_API_KEY=api key of google map
    VITE_Stripe_PublishableKey=stripe publishable key
  5. Start the development server:

    npm run dev

Feel free to explore and contribute to the project!


Thank you for checking out SwiftRental! If you have any questions or feedback, feel free to reach out.


About

SwiftRental is a modern car rental platform offering seamless vehicle bookings with secure payments via Stripe and Aamarpay. Built with React, Redux, and TypeScript, it features role-based access, Google Maps integration, and dynamic UI animations using Framer Motion and GSAP.

Topics

Resources

Stars

Watchers

Forks

Languages