Skip to content

MilesPurvis/Pitbox-webapp

Repository files navigation

Pitbox motorsports booking application 📜 🏎️

This application uses Airbnb as inspiration for developing a motorsports booking application. Project Images

The app had various functionalities for its users 📣

  • Add/edit/remove track and motorsports-oriented ads
  • Register/login/logout functionality with encrypted user password
  • Utilizes a secure cloud database to store information on users and ads
  • Allows users to book cars for motorsport outings
  • Users can view their bookings as well as ads via their profile

Technology used to build the app 💻

  • React + Vite
  • Express
  • Github, Node.js, MongoDB
  • (Backend API) bcrypt.js, cookie parser, cors, dotenv, express, image-downloader, jsonwebtoken, mongoose, multer.
  • (Front end) Axios, tailwind, autoprefixer, postcss

Skills learned in this exercise 🏆

  • (React) Routes, useState, useEffect, useParams, passing props, Link, Navigate creating multiple components.
  • Yarn commands, nodemon, Firebase: build and deploy
  • Network and console debugging (preview, payload, headers)
  • Various new technologies and dependencies, as stated above.
  • Github and git commands as well as bash commands.
  • Tailwind styling syntax and implementation

Images from the project 📸

Main Page

MainPage

View Listing

BookingPage1 BookingPage2

Login

login Register

My Listings

MyListings

My Bookings

MyBooking2 MyBooking1

Add Listing

AddCar AddCar2

About

Booking app for racecars

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages