https://github.com/bhushan354/reservation-app-frontend
The Full-Stack-Capstone-Frontend is a web application designed to streamline the process of renting cars.
https://github.com/bhushan354/reservation-app-frontend
react-router reactjs redux-toolkit rubyonrails-api
Last synced: 6 months ago
JSON representation
The Full-Stack-Capstone-Frontend is a web application designed to streamline the process of renting cars.
- Host: GitHub
- URL: https://github.com/bhushan354/reservation-app-frontend
- Owner: bhushan354
- License: mit
- Created: 2024-02-14T07:22:51.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-25T13:56:57.000Z (about 2 years ago)
- Last Synced: 2025-02-04T12:48:14.014Z (over 1 year ago)
- Topics: react-router, reactjs, redux-toolkit, rubyonrails-api
- Language: JavaScript
- Homepage:
- Size: 707 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Vehicle Reservation App
Vehicle Reservation App is a web application designed to streamline the process of renting cars. Users can log in securely using their username and access various features through a navigation panel. The system allows users to browse available cars, make reservations, manage bookings, add new cars to the inventory, and delete them. The application is responsive, providing both mobile and desktop versions for a user-friendly experience.
## 🛠 Built With
- ✅ Ruby on Rails - Backend
- ✅ React - Frontend
- ✅ Postgresql - Database
- ✅ Docker
## 🐳 Docker Setup (Recommended)
1. **Clone the repo:**
```
git clone git@github.com:bhushan354/Reservation-App-Frontend.git
cd Reservation-App-Frontend
```
2. **Build and start frontend service:**
```bash
docker compose build
docker compose up
```
3. **Access frontend:**
- Make sure you have setup backend if not, Headover To Backend-Repo and follow Docker backend setup to make sure your app is working fine with rails as a backend : https://github.com/bhushan354/Reservation-App-Backend
- Access application here : http://172.20.0.2:3000
- 🔰 *User Authentication:* secure login using email and password.
- 🔰 *Navigation Panel:* has links to browse and reserve cars. "My Reservations" page for booking management, and "Add Car" and "Delete Car" links for administrators.
- 🔰 *Main Page:* Displays a list of available cars. Clicking on a specific car provides access to its details page.
- 🔰 *Details Page:* Shows comprehensive details of the selected car and a "Reserve" button for making a reservation.
- 🔰 *Reserve Form:* Allows users to reserve a car by selecting a date and city.
- 🔰 *Delete car:* Accessible only by administrators, displays a list of all cars with a "Delete" button. Deleted cars are marked as removed and do not appear on the main list.
- 🔰 *Responsive design:* Both mobile and desktop versions for optimal user experience.
- 🔰 *My Reservations:* Users can view a list of their reservations, including car name, date, and city.
- 🔰 *Autofill for Reservations:* Reservations autofill username and selected car details. Additional inputs for date and city based on the "Book a Car" design.
# Local Setup
## Prerequisites for Local Setup
*In order to run this project you need:*
- ✔ Ruby installed in your machine. you can download it from [here](https://www.ruby-lang.org/en/downloads/)
- ✔ IDE or a code editor installed in your machine.
- ✔ IRB.
- ✔ Get Postgresql up and running. you can download it from [here](https://www.postgresql.org/download/windows/).
- ✔ [Git](https://git-scm.com/downloads) installed in your machine.
- ✔ Sign in or sign up to your [Github](https://github.com/) account.
- ✔ A professional editer such as [VS Code](https://code.visualstudio.com/download).
- ✔ An Updated web browser such as Google Chrome, you can download it from [here](https://www.google.com/chrome/).
### Local Setup
- Clone this [repository](git@github.com:bhushan354/Full-Stack-Capstone-Frontend.git) to your desired folder:
- Run this command in your command line interface:
```sh
cd [YOUR FOLDER]
git clone git@github.com:bhushan354/Full-Stack-Capstone-Frontend.git
cd Full-Stack-Capstone-Frontend
```
- Open the project in your favourite code editor, Add this piece of code into the dependencies of package.json file:
```sh
"react-elastic-carousel": "^0.11.5",
```
```sh
npm install --force
PORT=3001 npm start
```
- Now Headover To Backend-Repo and follow local setup to make sure your app is working fine with rails as a backend : https://github.com/bhushan354/Reservation-App-Backend
## 📝 Contact Details
Bhushan Deshmukh:
+91 8600118932 | deshmukhbhushan380@gmail.com | https://www.linkedin.com/in/bhushan-deshmukh-codes/