/myBetterExperience

A college team project: a job board web application designed to solve interview resources not being available 24/7, built with MERN + Google APIs

Primary LanguageJavaScript

Technology Overview

  1. MongoDB
  2. Express.js
  3. React.js
  4. Node.js
  5. Google APIs

Architecture

1) Front-end (React.js - component tree)

2) Back-end (Express.js + Node.js + MongoDB)

To run the application

You need to install depenencie & packages first, run "npm i" in frontend and backend folders

  1. Go to /frontend/my-app and run "npm start"
  2. Go to /backend and run "node server.js" or "nodemon server start"
  3. Go to your browser and the app is running at http://localhost:3000/

1) User Credentials

  1. To login as a student, use ID = student1 and PASSWORD = student1
  2. To login as a recruiter, use ID = recruiter2 and PASSWORD = recruiter2

2) Features

A. Students

  • Create and update profile
  • Upload a pdf resume to a job
  • Write a review of a company
  • View jobs, sort jobs by deadline date, etc.
  • View applications
  • View jobs on Google Maps

B. Recruiters

  • Create and update profile
  • Post and delete a job
  • View applicants with their resumes
  • View jobs, sort jobs by deadline date, etc.

3) Functionalities

  • Form Validation
  • Responsive Design
  • Navigation State Update
  • Google Maps Search
  • Application Deadline & Document Validation

Possible Improvement

  • Implement session
  • Reorganize component tree using Hooks
  • Redesign UI
  • Improve Form Handling & Validation
  • Add more functionalities
    • Job Tracking Dashboard
    • Chat/Message System
    • Student Resource Bank (resume, cover letter, interview tips)

Demo

Recruiter

Student

What I Learned

  • creating react components using react-router-dom
  • responsive deisng using bootstrap
  • using public APIs
  • database modelling (pros and cons of document database vs relational database)
  • working in a team based on agile methodologies