Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sowham-3098/quickcarrent

This car rental app offers a seamless experience for browsing, booking, and paying for various vehicles with detailed descriptions and images. Users can easily complete their booking through an intuitive interface and secure payment process.
https://github.com/sowham-3098/quickcarrent

car-rental-website firebase-auth razorpay-payment-gateway reactjs

Last synced: about 2 months ago
JSON representation

This car rental app offers a seamless experience for browsing, booking, and paying for various vehicles with detailed descriptions and images. Users can easily complete their booking through an intuitive interface and secure payment process.

Awesome Lists containing this project

README

        

# Quick Car Rent - Car Rental Wensite

## Description

Quick Car Rental is a car rental application that allows users to book cars online. It features a user-friendly interface for browsing vehicle models, making bookings, and processing payments. The application is built using React, Material-UI, and integrates with Firebase for authentication and Razorpay for payment processing.

## Features

- Browse and select car models
- Book cars with flexible rental durations
- Proceed to checkout and payment using Razorpay
- User authentication with Firebase
- View booking history

## Technologies

- **Frontend**: React, Material-UI, Tailwind CSS
- **Backend**: Firebase
- **Payment Gateway**: Razorpay
- **State Management**: Redux
- **Routing**: React Router

## Setup

### Prerequisites

- Node.js (>=14.0.0)
- npm or yarn

### Installation

1. **Clone the repository**:

```bash
git clone https://github.com/yourusername/quick-car-rental.git
2. **Navigate to the project directory:**

```bash
cd quick-car-rental
3. **Install Dependencies**

```bash
npm install
# or
yarn install
4. **Create a .env file in the root of the project and add your environment variables:**
```bash
REACT_APP_RAZORPAY_KEY=your_razorpay_key
REACT_APP_FIREBASE_API_KEY=your_firebase_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_firebase_auth_domain
REACT_APP_FIREBASE_PROJECT_ID=your_firebase_project_id
REACT_APP_FIREBASE_STORAGE_BUCKET=your_firebase_storage_bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_firebase_messaging_sender_id
REACT_APP_FIREBASE_APP_ID=your_firebase_app_id
5. **Start the development server:**

```bash
npm start
# or
yarn start

![New Website Blue Mockup Instagram - Laptop (1)](https://github.com/user-attachments/assets/93431840-9ff6-4884-8f70-599950e0976e)