jiffy-jobs.github.io

Jiffy Jobs

Follow me on GitHub

Project Links

Jiffy Jobs

Milestone 1

Milestone 2

Milestone 3

Table of contents

About Jiffy Jobs

The UH Manoa students in engineering and computer science are experiencing a major lack of knowledge regarding the jobs or internships that are available and wanting to hire them in or out of college. The only places they can find jobs pertinent to their respective fields is by attending a career fair day or working in one of the limited STEM positions available on campus through the SECE website provided by UH Manoa. The main purpose is to help the engineering and computer science students have more direct line of communication with companies that want to hire them. The students submit their interests which helps match them to employers or vice-versa. The site is built for interactivity between the employers and students to create an engaging and professional environment.

~Jobs in a jiffy!

User Guide

Before logging in, the landing page will prompt the user to either log in or sign up.

Logged out Landing

To log in, enter your email and password. If you don’t have an account, sign up.

Login Page

The sign up page will prompt you to enter your name, email, and password, and then asks you to choose a user type. Choose either whether you are a company or student.

Signing up

After logging in, you will be redirected to the landing page. It should now look like this:

User landing

Notice that there are new components on the navbar. From left to right, the first component allows you to view your profile, the second component allows you to view your dashboard, and the third allows you to view a dropdown menu with other features.

navbar components

Your profile shows your personal information. This includes name, description, interests, location (for companies) or graduation year (for students), interests, and contact information. For companies, it also displays a rating.

profile information

The dashboard shows different information depending on your user type. Students can view a collection of companies and companies can view a collection of students. From the dashboard, student and company users can click on the “View Profile” button to be redirected to a profile.

dashboard

Student users are able to rate companies either on their dashboard or on the company’s profile page

rating

Admin users can delete profiles and view profiles.

admin dashboard

The third component on the dashboard shows a dropdown menu. Currently, only the Edit Profile and sign out feature works.

dropdown menu

If you are a company you can edit your company name, location, phone number, website, image, description, and interests.

Edit profile

If you are a student, you can edit your name, graduation year, phone number, website, image, description, and interests. After editing your information, don’t forget to submit!

On the far left of the navigation bar, you can click on our logo to return to the dashboard.

profile information

When you are done, don’t forget to sign out!

Community Feedback

Many users found it easy to create an account, edit, and view profiles. Some users ran into bugs but they were able to go back if they encountered one. Users were also able to rate and they enjoyed the application. Some criticisms included having to put a URL to upload an image and not being able to contact companies. Overall, the consensus was good and they enjoyed the design of the site.

Developer Guide

First, install Meteor.

Second, download a copy of Jiffy Jobs, or clone it using git.

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

$ meteor npm install

Fourth, run the system with:

$ meteor npm run start

The application should appear at http://localhost:3000.

Goals

  • Create a clean and modern landing page. Below is similar to what we had in mind for our landing page:

Landing example

  • Provide a profile page for companies that includes information about the company and possible job opportunities.

Company profile example

  • Provide a profile page for students that includes general information about the student, customization options, and resume/website links.

Student profile example

  • Create a dashboard page that lists all companies/students as cards that includes links to their profile pages & general information.

Student homepage example

Company homepage example

  • Create a search page that allows students to search for opportunities and find company profiles.
  • Create an admin profile page to manage what companies appear and filter profiles.

Admin page example

  • Feed for company announcements and other important information.
  • Implement a rating/point system: Students will have a point display in their profile. Students can earn points through accepting internships. Points are distributed by companies through their profiles. Students will have the option to leave starred reviews for a company.

Development History

Milestone 1

Landing page created

  • Menu bar working
  • Dropdown working

Landing page

Login page functional

Login page

Signup page functional

Signup page

Milestone 2

Comapny Dashboard

Company dashboard page functional

Student Dashboard

Student dashboard page functional

Example Student Profile

A basic example of what a student profile will look like

Example Company Profile

A basic example of what a company profile will look like

  • In progress. Mockups have been created for pages and issues have been assigned.

Milestone 3

sign up page

Register page functional

edit page

Edit page functional

Admin profile

Admin dashboard functional

rating

rating

Implemented rating systems that are shown on company profiles and company cards

About Us

The team:

Cade Yamamoto

Hello! I am currently a sophomore majoring in computer science at the University of Hawaii at Manoa. Though I intend on pursing a career in cyber security, I enjoy designing aesthetically pleasing web pages. I have adequate knowledge of Semantic UI and React JS and I wish to further my web design skills. My main focus in this project is to implement a modern design with ease-of-use being the primary design aspect of the site. I hope you will enjoy our site!

Levy Matsuda

I am currently a sophmore majoring in Computer Science at the University of Hawaii at Manoa. I am considering pursuing a career in web development or computer programming. I have not had prior coding experience. My goal is to become more familiar with React so that eventually, using React becomes more intuitive. I also aim to understand the process behind creating a website better instead of just memorizing code.

Alexander Wong

I am currently a Junior majoring in computer science. I am not sure what field I want to go into yet but programming either a website or application sounds interesting to me. I like to design so hopefully through this project I am able to improve my skills in both layouts and coding.

Joel Sikkink

I am an IT support specialist at ResNet for the Student Housing at Manoa. I bring moderate knowledge of databasing to the team however I am more familiar with SQL rather than MongoDB and I would prefer PHP over Simple Schema and React. This project will hopefully improve my understanding of good website and user based design as I will be creating apps for use by my department at work by next year but I will be using SQL and PHP over the solutions used in this class.