Share your next journey
Made with HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, MySQL, GoogleMaps APIs, AJAX and JSON. Facilitates the sharing of car journeys for users around the world. Users can enter into input fields a departure and destination to search for a car journey. Google Maps will draw the route and when the search button is clicked the website looks for any location within a 10 mile radius of both the departure and destination and returns results of available car share opportunities.
Each result shows information about the trip itself as well as the name of the drive and a profile picture of their car. Also the departure and destination details are printed along with the date, time and either 'One-off journey' or 'Regular' as well as the price per seat and the number of seats available. If a result is clicked, an animated element reveals more information about the driver, including gender, telephone number and a description. The telephone number is only available to those who login.
Once a user logs in, they are directed to 'My Trips' page where all trips are managed. A trip can be added, edited or deleted. When adding a trip, a departure and destination are selected and the Google Maps window draws the corresponding route.
The user then chooses how much to charge for the journey, how many seats are available and whether it's 'Regular' or 'One-off'. If 'Regular' is chosen, days of the week will appear as checkboxes to select along with the time to be selected. If 'One-off' is chosen, two fields will appear, one to choose the date and the other to select a time. A trip can be edited to change any of the details or deleted entirely.