GoldenCar is a car rental web application. It allows users to view, review and rent vehicles in the system.
NOTE: The data in the project images are fake data. The data in this picture are sample content prepared to promote the web application.
- If the user requests, the logged in e-mail is remembered
- If the user's token period has expired, the system is automatically logged out
- Users can view and update their information
- 5 different vehicles randomly selected are introduce on the homepage
- Total brand, vehicle and color information in the system is displayed on the homepage
- Vehicles can be filtered by vehicle properties
- Other cars of the brand are shown on the car detail page
- Access to unauthorized pages is blocked with role-based authorization
- While adding the vehicle to the cart, it is questioned whether the vehicle has been rented before and if the vehicle is suitable, it is added to the cart
- Users can register their credit cards in the system and pay with saved credit cards
- Automatic visa or mastercard identification when credit card number is entered
- Users can review and confirm the order while completing the order
- When the user confirms the order, it is checked in the backend whether they have enough findex points to rent that vehicle. If the user's findex score is sufficient, he can rent the vehicle
The project needs a backend to run properly. So first of all, review and install GoldenCar-backend.
- Clone the repo
git clone https://github.com/furkanogutcu/goldencar-frontend.git
- Install NPM packages
npm install
- Run
ng serve
| Technology / Library | Version |
|---|---|
| Angular | 12.2.4 |
| Angular Material | 12.2.6 |
| Bootstrap | 5.1.0 |
| Jquery | 3.6.0 |
| rxjs | 6.6.0 |
| auth0/angular-jwt | 5.0.2 |
| ngx-mask | 12.0.0 |
| ngx-spinner | 12.0.0 |
| ngx-toastr | 14.1.3 |
The backend of this project GoldenCar-backend
Thanks to dear Engin Demiroğ for his contributions.