Over Da Rainbow
Table of contents
Overview
Over Da Rainbow is a web application for University of Hawaii students to step outside their dorms and classrooms and explore beautiful sceneries and destinations offered here.
- Meteor for Javascript-based implementation of client and server code.
- React for component-based UI implementation and routing.
- Semantic UI React CSS Framework for UI design.
- Uniforms for React and Semantic UI-based form design and display.
What the System will Provide
- Home page where all users are funneled to
- Users can login and keep track of all the places they’ve already explored
- Suggested page where users can surf through different suggested destinations for their next experience.
- Anonymous ratings under each destination to help future explorers.
- Choice to leave comments under the destination.
- “Volunteering” tab for people who need volunteer hours or want to help community
- Tags for each location about what kind of activity (ex. Beach, hike, etc.)
Deployment
This web application is deployed through digital ocean and available here or at https://overdarainbow.xyz/
Goals
- Create a user friendly outdoor guide web application that allows UH students/staff to safely discover Oahu’s best kept secret spots.
- Give students ideas for outdoor activities to ease their minds from their classes.
- Provide volunteer opportunities for students to help the community and enhance their resumes.
- Coordinate plans with friends by using our bulletin page.
Developer Guide
This section provides information pertaining to Meteor developers wishing to use this code base as a basis for their own development tasks.
Installation
First, install Meteor.
Second, visit the Bowfolios application github page, and click the “Use this template” button to create your own repository initialized with a copy of this application. 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 bowfolios/app directory and install libraries with:
$ meteor npm install
Fourth, run the system with:
$ meteor npm run start
After completing the following steps, the application should appear at http://localhost:3000 on your local machine.
Adding a new Location
First, login to your deployment of Over Da Rainbow using an admin account.
Second, click on the account name on the right of the navbar to open a dropdown menu and click on “Add Location”
Third, input the location name, type of location, description of the location, the actual physical location, and a link to an image of the location to create a new location.
Edit or Delete a Location
First, login to your deployment of Over Da Rainbow using an admin account.
Second, navigate to the location page of the location that you want to edit or delete
To edit a location, click the “Edit Location” button and you will be taken to a page with a pre-filled form for that location that can be changed to update fields on for the location. After changing at least one field you can click the “Submit” button to update the information for that location.
To Delete a location, click the “Delete Location” button and you will be taken to the list page for that type of location (Beach, Hike, Spot, etc.) with the deleted page now gone.
User Guide
This section provides a crash course on using our application to the full extent of its capabilities…
New-User Landing page
Upon arriving at our site, users will be presented with this screen:
From here, Students, Staff, and anyone in the University of Hawaii system will be able to create an account.
First click the “Login” button in the upper right hand corner, then choose the “Sign-up” option if you are a new user, or the login button if you are a returning user.
You will be redirected to this sign-up form where you will be prompted to enter your school email and create a password for your over-da-rainbow account. Along with email/username we will aks for some basic profile info like first and last name, class year, avatar selection, instagram handle and short bio.
Upon entering the appropriate information and creating the account, you should be taken to our beautiful landing page.
From here you can navigate through our selection of outdoor activities including beaches, hikes, scenic points, campus spots, and even volunteer opportunities.
User logged in Landing page
User Profile
Now that you are logged in and set up your profile, you can view your profile by clicking on your username in the top right and their should be a new dropdown option called “Profile”, upon clicking it will display your profile with appropriate information.
Beach Page
A variety of beaches around the island for you to choose from.
Hike Page
Sunny skies, thick foilage, or flowing waterfalls. We have something for everyone on our hikes page
Scenic Views Page
Breathtaking views from any corner of the island
Campus Page
Cool places to hangout with your friends, study, or grab a quick snack.
Volunteer Page
It has never been easier to find volunteer opportunities to beef up your resume or be a productive member of society. Get your volunteer hours buddy
Just Click!
When Navigating through any of the pages listed above, simply click on the location you want to learn more about and we will redirect you to another page with more information!
Review
Along with some information about the specific spot, there are also Review section that has a “Review” button that pops up a modal form to take in a user’s experience in the form of a review. These reviews then populate the Review section with the input.
Bulletin Messages and Events
To see the message board click the Bulletin dropdown in the navbar and then “Messages” where you can see what other users have posted or post your own message for others to see.
To see the events page click the Bulletin dropdown in the navbar and then “Events” where you can see events planned by other people or plan an event for others to go to.
On the Message Board and Event Board you will be able to click on the displayed usernames of the authors of messages/events, once clicked it will take you to that user’s profile page.
Community Feedback
Students from the UH community have used our application and found it very useful. If you want to provide feedback to help us further develop our system, we would love to hear your feedback. Please take a couple of minutes to fill out our Over Da Rainbow Feedback Form.
Real User testimonials:
“I used this application to find nice beaches on the east side.” -Reed
“Left a couple reviews to share my experience with future visitors.” -Campbell
“So cherrreh the chill campus spawts, CHEEEHOOO!” -Davin
“There was some minor design flaws, some pages needed some extra padding” -Gage
“I loved it, it was so cute!” - Sophie
“There was a line under ‘Discover’ that was triggering my OCD” -Erin
Team Contract
Milestones
Management and development goals for this project are separated into three major milestones. Each milestone has a corresponding project board to ensure all tasks are completed. Milestone boards listed below: