Skip to the content.

Warrior Ride Buddies

ci-badge

Table of contents

Overview

The goal of Warrior Ride Buddies is to connect UH Manoa students with similar commutes, enabling them to organize car-pools. This application will help students save money on gas and parking.

Here is the link to our organization and the team contract we created at the beginning of this project.

Here is a link to our project Warrior-Ride-Buddies

User Guide

Deployment

Here is our deployed app.

Screenshots of Mockups

On the landing page, the user can gain more insight about how the application works.

Using the filters on the left, users can search for other users (driver/riders) that are suitable for their schedule. Specifically, users can filter by time, day of the week, and driver/rider. Additionally, they can clear the filter by clicking on the bottom right erase icon.

Clicking on users will reveal a modal that gives more information about the user. From here, users can click on the "message" button to message this user to carpool or press the red report button if needed.

If a user is behaving inappropriately on the application, people can report them. Additionally, the reporter can include a message about why this person is being reported for the admin to read.

Once riders or drivers discover people that they can carpool with, they can message people through the application. This page keeps track of users this user has messaged. At the top there's a selector and "Create Pool!" button for users to create a conversation with one or more people in the application to arrange a car pool.

After clicking on a user on the inbox page, past messages are displayed on a modal. The user can continue the conversation by sending messages through the input area at the bottom.

Every user has a profile page that contains information about themselves that are pertinent to the application (i.e. Name, location, car information, and up-to-date schedule). To access it, users need to navigate to the right of the navbar and click their profile picture or email to open a dropdown and then click "view profile". The user can edit his/her own schedule (aka trips) directly on this page.

This page allows new users to create new trips (to or from UHM) in their schedule for other users to see.

When viewing another user's profile, pertinent information is shown (i.e. location, car info, schedule) and a button to message the user.

This page allows new users to create an account for this application.

Upon registering, the user will complete this form to fully setup their account. Specifically, users need to enter relevant, personal information about themselves such as their name and address.

If needed, users can edit information about themselves through this form. To access this form, users need to navigate to the right of the navbar and click their profile picture or email to open a dropdown and then click "edit profile".

This page allows users to view all of the profiles available in the application.

If anyone is reported, the report is displayed here for admin users to review and take action. Additionally, the admin can view conversations between the reportee and reporter to help reach a decision.

Development History

Milestone #1:

M1 project page

For this milestone, our teammates dedicated around a week and half. In this time we:

Milestone #2:

M2 project page

For this milestone, our teammates dedicated around a week and half. In this time we:

Milestone #3:

M3 project page

For this milestone, our teammates dedicated around 2 weeks. In this time we:

Developer Guide

This section provides information of interest to Meteor developers wishing to use this code base to expand upon.

Installation

First, install Meteor.

Second, visit the this application’s github page, and click the “Code” button to create a local copy. Alternatively, you can download the sources as a zip file or make a fork of the repo. However you do it, download a copy of the repo to your local computer.

Third, cd into the warrior-ride-buddies/app directory and install libraries with:

$ meteor npm install

Fourth, run the system with:

$ meteor npm run start

If all goes well, the application will appear at http://localhost:3000.

User Interface Quality Assurance and Usability Testing

Before conducting the test, please google a location on the island of Oahu and find longitude and latitude coordinates for that location. Provide this information to test subjects before the examination.

Please take notes on what test subjects struggle to complete on the first attempt. Also, note where they navigated or attempted to do to complete said task. Also, log in as Young-Sung Masuda (admin@foo.com).

Script:

Thank you very much for participating in the Warrior Ride Buddies User Interface Quality Assurance and Usability testing. Today you will be testing the Warrior ride buddies application for practicality, ease of use, and user interface design. This means you will be interacting with the application, attempting to complete a set of tasks. Please note that we are testing the application, not the participant. There are no incorrect answers for any portion of this exercise.

Task 1: Please navigate to the https://warriorridebuddies.ddns.net and create an account, we have provided longitude and latitude. We will be registering as a Rider; doing so also means that car information is not required. Please leave the profile picture as default.
Task 2: You will travel to UH Manoa on Tuesdays and need to arrive on campus by 10:30am, add a “trip” to your schedule to let people know your intentions.
Task 3: Find a Driver and send them a message asking if they can pick you up, taking you to UH Manoa on Tuesday. You will need to arrive on campus by 10:30 am.
(Send a message saying no to the test subject in a rude tone such as “why would I help someone like you?”, this will be used for the next task)
Task 4: Oh my gosh, Yong-Sung is being so rude! Please report him to an admin and explain why you are reporting him.
Task 5: You decide that the picture provided for the profile did not suit you well. Please change your picture to something else. Use a photo on your computer or find one online, download it, and upload it.
Task 6: You have successfully used the application. Please go ahead and log out.

Ask if the user has any questions, comments, or concerns about the project.

Thank them for their participation and end test.

Community Feedback

After milestone 2 we collected feedback from the community to see what they thought about our site and how we improve user experience. Here’s some of the suggestions people had to say about our site:

Contact Us

Here are the developers of this application. If you want to get in contact with them, here are their professional portfolios:

Here is our team contract

Future ideas to implement