Rocket Academy Project 3: Full-Stack Application (React & ExpressJS)

Contributors: Sathya Thenappan, Gabriel Lim

GitHired: Job Application Tracker for Software Developers

Your end tag to your job search as a software egnineer!

Backend Repo: https://github.com/sathyat20/GitHired-Backend

Tech Stack

Frontend

• React.JS
• React-router-dom
• Axios
• TailwindCSS
• DaisyUI
• ReactRouter
• Framer Motion
• ReCharts

Backend

• ExpressJS
• Firebase Storage
• Sequelize
• JsonWebToken
• Postgres

Hosting

• Netlify (Frontend)
• Fly.io (Backend)

APIs

• Sengrid by Twilio https://sendgrid.com/en-us

Project Management

• Kanban Board - Github Projects
• Wireframing & User Flows - Figma https://www.figma.com/file/EmBCAwabhiOpJ4CWEdga5G/GitHired?type=design&node-id=0-1&mode=design&t=T7q70a07Uep8lmju-0
• Entity-relationship diagram for backend database structure - dbdiagram.io https://dbdiagram.io/d/jobapps-v0-1-654b342f7d8bbd6465bb7fbc
• Feature Planning - Miro https://miro.com/app/board/uXjVNTMMiBA=/
• Communication - Zoom, Slack
• Project Overview Slides

Core Features

• Job application builder and tracker
• Weekly applications and practice questions (Leetcode/Hackkerank) goals setting
• Metrics to keep track of application and practice question numbers on a weekly basis
• Organizing job notes and job contacts
• Setting reminders for interviews and important deadlines

Future Enhancements

• Document storage for users to keep relevant resumes, cover letters
• Integration with Leetcode/Hackerrank accounts to track questions
• Social media feed for users to post their offers, solutions, tips to other on the job hunt
• Job page with recently posted SWE jobs
• Blog platform for users to share their past experiences/learning

Resources Used

• Setting up Magic Link Auth with JWT verification https://www.youtube.com/watch?v=b6qHfPdv4Y8
• onDelete CASCADES to remove associated ids https://stackoverflow.com/questions/23128816/sequelize-js-ondelete-cascade-is-not-deleting-records-sequelize

Launch Guide

npm start Runs the app in the development mode.\ Open http://localhost:3000 to view it in your browser.