Bookable


Timeline: June 2018-July 2018
Created For: iXperience Program

For my Full Stack Coding class as a part of the iXperience program, over the course of a month I worked with a partner to develop an booking app. The idea for the app was to create an app, that allowed users to directly choose where they wanted to be when making their reservation. For example, in restaurants, movie theaters, or any form of transportation, they could choose their specific seat. Through the class and working on the project, we learned about the steps behind app and web development. We followed an agile workflow, had daily standups, and used Trello to communicate our progress.

On the front end side, we started by creating wireframes for our pages. We then started developing frontend using Ionic, a mobile app kit, which is built on top of Angular.js.

On the back end side, we created a UML diagram to map out what we wanted users to be able to have access to. We created the backend REST API through loopback, a Node.js framework. We stored all endpoint data in mySQL. We also added three third-party integrations, Yelp, Google Maps, and Stripe.
Some of our features included:
  • Making a Booking(pretty hard as MySQL can't store 2d Arrays)
  • Creating a User
  • Token Authentication
  • Password Encryption
  • Payments through Stripe
  • Searching a location through Google Maps
  • Getting Venue Information of a Star through Yelp

Before working on this project, I knew very little about app development, I didn't even know what RESTful architecture was. I also had never learned any of the frameworks used before so it was really exciting to be creating something with no prior experience in the langauges.
1 / 4
The main booking page. 0 represents a non seat, -1 represents a booked spot. The other numbers are the price.
2 / 4
The Stripe payment page. This is not my credit card info!
3 / 4
The Maps page. My partner attends Duke, so we set locations around there.
4 / 4
The Welcome page, that shows all restaurants around a certain area. This picture shows venues around Duke. Apparently the Bakery in the picture is really good!