VanLife (Van Booking Web Application)

Description

A web application for booking vans, built with React and Firebase. This project allows users to browse and book vans for their next adventure.

Features

User Interface

• User-friendly interface for browsing available vans
• Filtering and sorting options for easy van selection
• Secure van hosting process with user authentication
• Mobile-first design
• New Feature 1: Implemented Responsive design for Tablet and Desktop devices.
• New Feature 2: Robust Firebase usage; Authentication for Van hosts and Firestore for Van data query.

Roadmap

• Upcoming Features
  • Implementation of a Feedback System for Van Renters, including mock checkout functionality
  • Signup functionality for various users to host instead of one admin user who is the van host.
  • Change login error messages to be more readable and understandable to ordinary users.

Installation

Prerequisites

• Node.js (version 16 or higher)
• npm (version 8 or higher)

Steps

1. Clone the repository: git clone https://github.com/mighty-odewumi/vanlife.git
2. Navigate to the project directory: cd vanlife
3. Install dependencies: npm install
4. Start the application: npm start
5. Login details: email - [email protected], password - iLoveCode

Usage

Booking a Van

1. Browse available vans
2. Filter by van type
3. Select your desired van
4. View van details such as price, picture, and description

Contributing

Steps to Contribute

1. Fork the repository
2. Create a new branch (git checkout -b feature/your-feature)
3. Make changes and commit (git commit -m "Your commit message")
4. Push to the branch (git push origin feature/your-feature)
5. Open a pull request

Contact

Author: Mighty Odewumi

Course: Bob Ziroll's Scrimba React Course

Acknowledgments

Special thanks to Bob Ziroll and Scrimba for the course materials and guidance.