A web application provides user friendly interface carried away by sign-in/sign-out process and helps you to make a parking reservation virtually

1. AN ONLINE PARKING RESERVATION SYSTEM
Capstone Project – Group 9

2. DEVELOPMENT PHASES
1. Designed flow of our project.
2. Developed the pseudo code for development.
3. Developed User Interface.
4. Developed the internal scripting in MVC pattern.
5. Model is based on MongoDb
6. Controllers are coded with AngularJS
7. Views are presented with HTML5

3. HOME PAGE

4. Step by step Navigation
1. User starts his journey with PARK MATE by signing up with
signup form.
2. Using his/her credentials he log-ins and reserve the parking
using parking panel.
3. Completes his transaction.
4. Logs out if user done with reservations.
5. He will be getting a e-mail confirmation.

5. REGISTERING NEW USER:

6. Email confirmation :

7. Login page:

8. User Dashboard:

9. Make a new Reservation:

10. Database Management
1. Park Mate is integrated with MongoDb which is hosted in
cloud.
2. MongoDb is hosted by using mlab account.
3. Data will be saved as variables in Mongodb
4. MongoDb helps by generating unique transaction ID.
5. It could be faster because its a cloud hosted Database.

11. View your reservations
1. User can log-in and see his/her reservations made and
locations.
2. All the data of his/her reservations are retreived from
MongoDb.

12. View your reservations

13. Data is saved as variables:
1. Data is saved as variables in json format as shown below.

14. Cancel your reservations
1. User can easily cancel reservations he made with actions tab.
2. Once the reservations has been cancelled the variables
stored in Mongo database will be removed respectively.

15. Cancelling your reservation

16. Your payments are secure!
1. We are not allowing to save user's credit/debit information
into MongoDb.
2. We are planning to make it PayPal certified for payments in
future.

17. How PARKMATE lots are identified?

18. E-mail Confirmations
1. We developed an interactive web application, Which is a two-
way communication.
2. We send email Confirmations to user for every milestone.
3. In our application there are two milestones in the travel of
reservation system.
1. Registering with us.
2. Making a reservation.

19. E-Mail confirmation #1: Register
confirmation

20. E-Mail confirmation #2: Reservation
confirmation

21. E-mails!? How do we do that?
1. Well, We developed our application using NodeJS and
AngularJS. So, we used module that support mailing service
which is "Node Mailer".
2. This is the id we use to send confirmation mails to users
parkmate.noreply@gmail.com.

22. Executing PARKMATE:
1. Firstly, we need to start the server, to access the model
(MongoDb).
2. For that, we have to install npm.
3. After that goto project folder, goto services folder.
4. For every system default port number is 8080, we have to
change it to 7066 because services are set to run in 7066 port
in program.
5. Then, to start the server type "nodemon ."

23. Executing PARKMATE:
■ Step by step execution in command prompt

24. Executing PARKMATE:
■ Now, goto IDE (Web Storm) run index.html file.

25. Result : Home Page

26. Result : Signup

27. Result: Login Page

28. Result : User Dashboard Page

29. Result : Make a new Reservation Page

30. Result : User reservations Page

31. Result : E-mail Confirmations

32. Thank you !