Project Description

AdvanceCabBooking is a single-page MEAN stack application developed on Angular8 for private cab owners so customers can book cabs online

MEAN = MongoDB, Express, Angular, Node

Features:

• Developed REST API following MVC architecture to handle user data, contact forms and cab bookings

• Ensured role-based authentication and authorization utilizing custom middleware, route guards, JWT

• Crafted feature modules for organizing Angular Material components and "auth" components

• Decreased load times by adopting lazy loading technique

• Incorporated dynamic component loading for modals and snack-bars to display notifications

• Integrated Google Places API for auto-populating addresses

• Introduced PayPal smart payment buttons for cab payments

To schedule a cab -

1. Schedule cab as guest (no login, cannot view or edit cab bookings)

2. Sign-Up, Login and schedule cab (can view & edit cab bookings)

Note:

You will need dummy paypal credentials given below to complete payment for booking a cab.

Please don't use real paypal credentials!

To explore this app:

Explore using dummy credentials -

Login: [email protected]

Password: gari

PayPal Dummy Credentials to complete payment -

Email: [email protected]

Password: /t8.0xD^

File "garimaReadme.txt" has my notes about this project.

Refer file "paypal-credentials" for full Paypal Sandbox credentials

-- required to successfully complete end-to-end flow for new cab booking.

Visit website: https://advance-cab-booking.herokuapp.com

AdvanceCabBooking Development Environment

This project was generated with Angular CLI version 8.3.21.

Do not use Angular 9 to use this project. Will throw error.

In case you update the dependencies, run command "npm i @angular-devkit/[email protected]" to downgrade to req angular version.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Preview Images:

Schedule Cab Page

Google PLaces API to Auto-Populate Addresses and Find Distance to Calculate Cab Fare

Payment using Paypal Checkout Smart Buttons

Google Map on Areas Served Page

Contact Us Page