Manoa Exchange

Table of contents

Description

Problem Statement

There are students who want to travel abroad, but have no prior experience, and there are students who have traveled abroad with lots of experience. These people don’t have a dedicated platform to interact with each other, leading prospective exchange students to have unrealistic perceptions of a given study abroad program.

Our Solution

Our solution is a peer-to-peer study abroad experience sharing site which is an application designed for UH Manoa students to post about the experiences they had in traveling/studying in other countries. This enables and promotes student discussion on the topic of studying abroad.

Landing

The landing page is presented when users first enter the site. There are several links to the Sign Up page, and it lists the features of the application. Additionally, there will be a carousel of resources available at the bottom of the page.

concept-landing

Signed In Landing

Students can post a picture to be shared with other users. The post component consist of an image, captions, likes, comments, saves, reports, tags, profile picture, and a comment section.

landing-home

Profile Page

The profile page displays the user’s personal information as well as other social links. Their posts are visible.

concept-profile-page

Sign Up Page

Users can use the Register Button on the right hand corner of the navbar to register for a new account. Students will need to enter their UH Manoa email and ID in order to create new posts.

concept-sign-up-page

Sign In Page

To sign in, students can either use the link at the top of the navbar or in the Register page.

concept-sign-in-page

Add Post

concept-add-post

Edit Post

concept-edit-post

Comment Section

concept-comments

Sign Out Page

sign-out

Saved Posts Page

saved-posts

Moderation Page

saved-posts

Goals

Our aim is to make it easier for prospective study abroad students and former/current study abroad students to connect and share experiences with the ultimate goal of creating a realistic perception of UH Manoa’s available exchange programs.

Create a site that allows users to:

  • Register and sign into their account
  • Have personal profile pages
  • Create posts with images, descriptions, and tags
  • Like, save, and reply to posts
  • Report inappropriate posts and comments

Create a site that:

  • Looks attractive and modern
  • Is easy to navigate
  • Allows special permissions for moderators

Installation Guide

First, install Meteor.

Second, visit the Manoa Exchange application github page, and click the “Use this template” button to create your own repository initialized with a copy of this application.

Third, cd into the Manoa Exchnage /app directory and install libraries with:

$ meteor npm install
$ npm install obscenity
$ npm install cloudinary
$ npm install react-router-dom  

Fourth, run the system with:

$ meteor npm run start

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

Continuous Integration

ci-badge

Manoa Exchange uses GitHub Actions to automatically run ESLint and TestCafe each time a commit is made to the default branch. You can see the results of all recent “workflows” at https://github.com/manoa-exchange/manoa-exchange-meteor-app/actions.

Community Feedback

  • ” Cool features I like that the country names change, I was confused signing up and didn’t realize I could scroll through the countries at the top.”
  • “I really like it, but I wish there was more to look at like adding specific places in the countries.”
  • “Very functional but easier to see on a laptop.”
  • “Good looking, but maybe make it more mobile friendly, better fonts, and ability to see posts without logging in”
  • “Changing the colors for country tags to match their theme may look better”
  • “This website is super cool for the people who wants to study abroad and connect with one another. I also really like the color scheme of the website.” -Josh C.
  • “It’s easy to sign up. But the sign up page lands on the menu of the page, no the sign up part of the page” -Dom K.

Developmental Progress

Milestone 1

For M1, we will largely be focusing on implementing a UI. We will also implement a Profiles collection to hold data related to each user profile. M1-page

Milestone 2

M2 Project page showing the issues expected to be addressed during the second Milestone for this project. Implement admin page, signed in home page, post/profile components, add saved post component and improve styling. M2-page

Milestone 3

M3 Project Page, showing issues addressed for our last Milestone for this project. We improved forms, implemented adding images and filtering features in the home page, and made the viewing experience better on mobile M3-page

Deployment

We acquired the domain name manoaexchange.com and made it secure with an HTTPS.

manoaexchange.com

Team

Team Contract

Manoa Exchange is designed, implemented, and maintained by Kelly Sato, Richard Baltazar, Kayla-Marie Torres, Josiah Kila and Lauren Clayton.

Back to top