View on GitHub

Corponector

Table of contents

Overview

The Corponector web application provides a new way for local and non-local companies who want to recruit students from UH to make their (potential) opportunities known to students. At the same time, students can create profiles on the site with their interests. The site can match students to employers and vice-versa.

Technologies we plan on using for “Corponector”:

Project Goals

The primary goals of this project are to:

Approach

Features

The Corponector application will deliver the following key features:

System Overview

The Corponector system will be built to serve three primary user roles:

After logging in, users will have access to personalized home pages where they can explore matches, set up their profiles, and navigate the platform based on their role.

User guide

Here are some mockup designs to illustrate the planned structure and user experience of the Corponector platform. Our latest progress can be found in the Milestone 3 Progress.

Currently, companies and students are able to sign up where they will be prompted to enter in an email and password (the sign up page). After indicating if they are a student or company, the application will take them to a form to fill out more information about their profile (Student/Company Form). After finishing up the sign in process, they will be redirected to their profile pages.

On their profile pages, students will have a list of recommended companies while companies will have a list of recommened students. The information they have entered during the sign up process will also be displayed on the left side. Users will have an “Edit” button to change any of the information they have entered before, be it adding available positions to the company or changing skills the company is looking for or skills the student possesses.

In addition to the recommended students and companies listed on their profile page, there is also a “Search” page which lists all the users on the Corponector app, including students and companies. Users are able to sort by students or company only and by location or skills. If they are looking for a specific student or company, they are also able to type in what/who they are searching for.

Landing Page

On the Landing Page, users can easily sign in or register by clicking the “Log In” or “Sign Up” buttons located at the top right corner. New users can register by providing basic information such as their name, email, and role (student or company), while returning users can simply enter their credentials to access their personalized dashboard and start browsing opportunities or managing job postings.

Student Home/Profile Page

The Student Home Page displays job opportunities tailored to a student’s skills, interests, and preferred locations, allowing them to browse and apply for internships and positions. Students can update their profiles to showcase their qualifications and increase their chances of matching with potential employers.

It also allows students to showcase their skills, interests, and professional experience, including a link to their portfolio. It provides a personalized view of their qualifications, making it easier for companies to find and connect with them for relevant job opportunities.

Company Home/Profile Page

The Company Home Page allows companies to manage their job postings and view candidates who match their required skills and location preferences. Companies can send messages to potential hires, update job listings, and track engagement with student profiles to find the best talent for their positions.

It showcases the company’s details, including an overview, location, job postings, and key contact information. Companies can update their profile, manage available positions, and track engagement with student applicants to attract the right talent.

Admin Home Page

The Admin Home Page provides a centralized dashboard for managing job postings, user accounts, and ensuring content moderation across the platform. Admins can generate analytics and reports, manage categories and settings, and monitor site activity to maintain a smooth and organized user experience.

Browse Companies and Users

The Browse Companies and Users page allows students and employers to filter and search for companies and candidates based on specific criteria such as skills, geographic location, and job type. This feature helps users easily find matches that align with their professional interests or hiring needs.

Developer Guide

Here is our guide for developers to help with the process of downloading, installing, running, and modifying the system.

Download

You should Download VSCode or any source code editor with a built-in terminal. Download PgAdmin or any platform that manages PostgreSQL.

Install And Run

To Install our source code, you must first clone the repository to your system using your preferred source-code editor. Then in the terminal, cd into the source code and install third-party libraries by running ‘npm install’

To create Database

  1. Open a Terminal window in VSCode and run the command ‘createdb -U User Corponector’. This will create your Database
  2. Copy the ‘sample.env’ file to a new file called ‘.env’.
  3. Edit the .env file to set the DATABASE_URL to postgresql://username:password@localhost:5432/Corponector?schema=public.
  4. Migrate the database by running the command ‘npx prisma migrate dev’. This will create the tables in the Corponector database.
  5. Seed the database by running the command ‘npx prisma db seed’. This will populate the tables with some sample data.
  6. Start Next.js using ‘npm run dev’, and check “http://localhost:3000” (and the console) to ensure that the new landing page displays correctly.

Modify

To Modify, use your preferred code editor, in our case VsCode. Client-side code files are stored in the src/component folder. They handle user interactions like clicks and form submissions. The server side will be in the src/app folders. Server-side code processes requests, interacts with databases, and generates HTML to send to the client.

Example Enhancements

Team

Team Contract

Milestone

Milestone 1: Screenshots of Progress

Landing Page: landing page

Sign In Page: sign in page

Sign Up Page: sign up page

If registering a student profile: student profile form page

If registering a company profile: company profile form page

Student Profile Page: student profile page

Search Page:

Company Home Page:

Admin Dashboard:

Milestone 2: Screenshots of Progress

Landing Page: Learn more about our goal and a link to the sign-up page. The navigation bar includes our Homepage, Search page, and email.

Add Company Page: Add Company information to our database and can create as many positions you want.

Student Profile Page: Profile for the current student user, displaying their skills and recommended companies. Also a link to the edit student page. It reads from our database.

Edit Student Profile Page: Edits student information

Search Page: Can search student and company names. Can filter out Students or Companies. Can use tags to only include students and companies with specific skills, locations, and positions. Student Card shows their name, picture, skills, and a link. Company Card shows their name, overview, email, links, and positions which include the title, description, skills, number of hires, and salary range. It reads from our database.

Milestone 3: Screenshots of Progress

Landing Page:

Search Page:

Student Profile:

Student Page:

Edit Student Page:

Company Profile:

Company Page:

Edit Company Page:

Admin Page:

Deployment

Review and Feedbacks

Summarizing the reviews, they found that the Corponector app is simple and straightforward to use. However, it was pointed out that there needs to be an indication that the app is loading. For example, when submitting the profile information for the student, the users don’t know that the app takes a few seconds to submit the data to the database, therefore, the user presses the button twice causing the entry to be pushed to the database twice.

Additionally, they said that it is very useful in connecting students and companies. It was recommended that there should be more information about the students, such as GPA, and having a button to specify which company a student is interested in and show the companies which students are interested in the company.