https://github.com/birkankaraer/rentacar-frontend

Rent A Car Webapp, A full-stack web application built with Angular framework for the frontend and .NET for the backend. Provides a user-friendly interface to explore and book cars for rent. Utilizes RESTful APIs for seamless communication between frontend and backend.
https://github.com/birkankaraer/rentacar-frontend

angular bootstrap css full-stack html rentacar rental typescript website

Last synced: 5 months ago
JSON representation

Rent A Car Webapp, A full-stack web application built with Angular framework for the frontend and .NET for the backend. Provides a user-friendly interface to explore and book cars for rent. Utilizes RESTful APIs for seamless communication between frontend and backend.

• Host: GitHub
• URL: https://github.com/birkankaraer/rentacar-frontend
• Owner: birkankaraer
• Created: 2023-11-05T07:16:32.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-01-06T18:16:52.000Z (over 1 year ago)
• Last Synced: 2024-11-12T16:12:24.074Z (7 months ago)
• Topics: angular, bootstrap, css, full-stack, html, rentacar, rental, typescript, website
• Language: TypeScript
• Homepage:
• Size: 1.62 MB
• Stars: 8
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 RentACar Frontend


## About

This project is the frontend part of  RentACarProject-backend 

### Project Content

- CRUD Operation

  - Add

  - Read

  - Update

  - Delete

- Filter

  - Multiple filtering

- Auth

  - Login

  - Register

  - Profile Update

  - Password Update

- Reactive Forms

- Validation processes

  - Toastr

- Data transfer between Components, Child to Parent Data Binding

- Locale Storage control

- Models

- Services

- Custom pipes

- Interceptor

- Bootsrat v5 Beta 2

- Bootsrap Icons 

- Jquery 3.6.0

- ngx-toastr 13.2.1

## Project images

## Home Page

![home-page](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/8198bba2-e6b9-41d6-9f75-9597c6d93365)

## Login Page

![2023-12-01 (1)](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/7b0d5758-6d37-4098-9a02-552d5594eec3)

## Register Page

![2023-12-01 (2)](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/b1e7bdd9-17db-4b96-a801-41ec29ae0a25)

## Cars Page

![cars-page](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/2ef62a61-1b1e-4b9e-982f-ccca0cade18c)

![carspage](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/a93cbaa9-9a34-40fb-a5ed-655c90b39d99)

## Car-filter

![rentacarhomefilter](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/ca18dfa3-15e8-4c4c-a3b5-330c1913a805)

![CarsFilterComponent](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/c3324f4f-65df-479e-b625-8cdd90196a84)

## Car-detail Page

![cardetail-page](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/2d7b58fb-3ddb-436d-9978-f651ce74e900)

## Cart-add

![rentacaraddcart](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/60252b05-c9a5-41d1-a0f4-37eeb63ff1c5)

## Cart-summary

![cartSummary-service](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/f9e55cd9-5893-4374-9aca-11cf4ba3c31b)

## Cart-detail Page

![audirentcart](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/aef0eccf-4c66-4e1d-863a-d18e82041ba5)

## Payment Page

![rentacarpayment](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/72cb7caa-afc3-493c-85ae-9e9185f1bf78)

## Payment

![payment](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/fb8637a2-05ba-4090-a239-4afaa0256949)

## Admin-Cars-Page

![admin-page](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/b4bbc40b-ba40-4646-83e6-2da8fe28ddba)

## Admin-Brands-Page

![BrandsComponent](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/a1a90626-35c9-415c-8ec6-2a7c6bb5710a)

## Admin-Colors-Page

![ColorsComponent](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/f635ce6e-6caf-4124-baad-3fa95f0e129a)

## Car-add Page

![CarAddComponent](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/ed9e7f88-354d-4438-b3d1-0ae656d2304d)

## Car-update Page

![CarUpdateComponent](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/6ac85424-a06e-4f68-b0e2-c1675a66d6b5)

## Car-delete Page

![CarDeleteComponent](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/ba4ec35c-76b0-41e9-9fc1-2dba4967bd0d)

## Profil Page

![profil-page](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/24910329-6c61-4965-9b84-9ee36ee2ec82)

## Contact Page

![contact-page](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/55ecd010-7cfd-4f59-848e-f115e4a6f3c3)

## User-cart Page

![user-cart-page](https://github.com/birkankaraer/RentACar-Frontend/assets/139279313/9cdb5d8e-3748-4954-a816-e6f99a524841)