Skip to content

Designing and developing an alternative UI/UX for Canada's largest bike rental system: BIXI🚲🌐.

License

Notifications You must be signed in to change notification settings

Shlucus/BIXIClone-BikeRental

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 

Repository files navigation

BIXI Clone

In this project, my objective is creating a clone website of Montreal's largest bike rental system: BIXI. This project is the result of one of my final Web Programming Projects for my third semester at John Abbott College.

Splash

Overview

Initially, users of the web page should be able to specify:

  • a) Their email address and first name
  • b) The station id they want to rent a bike from.

(Note, the data here is limited for now, to test use the following info:) stations on this path):*

  • Station: 6323 - 6322 - 8153 - 8075
  • User credentials:
Users
Credentials example

Membership Information

Using the first name and email, the member information can be obtained. For the given member, their membership info will be displayed. Membership information includes a number of free bixi rental minutes, as well as rates per minute for the rental of regular bikes (for this project, we will not consider the electronic bikes). They will be able to see:

  • a) The number of regular bikes available at their starting station.
  • b) An indication of the details on their membership in terms of the cost of rental (free minutes, rate by minute past the free minutes)
Membership/Station info

Maximum number of minutes

Now that the user knows their membership details, they should be able to specify:

  • a) The amount of maximum minutes they want to spend on a trip.
# of Mins

Possible Stations

When the user confirms their choice of maximum minutes, they will see:

  • a) The neighbouring stations they could get to within their chosen maximum time. For each station, they see:
  • b) The station name, the number of available docks (parking spots for bikes).

(Note, the data here is limited for now, to test use the stations on this path): 6323 - 6322 - 8153 - 8075

Possible stations

Chosen trip

If the user chooses a station from that collection of stations they could get to, they will then be shown the path of stations to their destination. The path will be shown, one station at a time. The delay between showing the stations on the bath will be relative to the amount it would take to get to that station in the path.

Possible stations

Every station on the path is be selectable. The user will be able to see 3 pieces of additional information specific to the chosen station (Station name, Number of available Docks, Longitude, Latitude).

Possible stations

API endpoints:

(Note, this API was NOT created by me. It was provided to me and is publicly available)
Web server is publicly accessible directly (no need to go through VPN) at: http://129.80.194.57. The following endpoints are available:

  • /userInfo/<member_first_name>/<member_email_address Provides member information including the memberTypeId. For example: http://129.80.194.57/userInfo/Jack/sokka@avatar.com
  • /memberInfo/<member_type_id> Provides membership information. For example: http://129.80.194.57/memberInfo/1
  • /nearbystations/<stationid> Provides the stations accessible from that station and the distance away (Note, the data here is limited for now, to test use stationId 6323)
  • /averageBikeSpeed Speed in km/h.
  • /station/<stationid> Station information including number of bikes available, and number of docks (bike parking slots) available.
  • /path/<startStationid>/<endStationid> Provides the stations in between the start and end stations (Note, the data here is limited for now, to test use stations on this path: 6323 - 6322 - 8153 - 8075).
  • /distance/<startStationid>/<endStationid> Provides info on the distance between the two given stations in meters (Note, the data here is limited for now, to test use stations on this path: 6323 - 6322 - 8153 - 8075).

About

Designing and developing an alternative UI/UX for Canada's largest bike rental system: BIXI🚲🌐.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published