MyCareerProgress

Motivation

Employment seekers for all types of jobs in all sectors of the market nowadays have to apply on various online and offline job platforms like LinkedIn, Instahyre, AngelList(Wellfound), naukri.com, employee referrals, company career pages, employment exchanges(offices) etc. Everyone of us is a job seeker in some form or the other and to track these job applications becomes difficult and time consuming and one might miss the right opportunities in the process. There is an urgent need to streamline this data in a dedicated portal with simple and fast interface. This project attempts to solve this problem.

Technical Details

This is a user controlled full stack MERN employment interview record keeper web application. User has access to add, update & delete scheduled interview opportunities and track their status.

Register New User
Name- <Enter your desired username>
Email- <Enter your email>
Password- <Enter your desired password>

Login Old User
Email- <Enter your email>
Password- <Enter your password>

Project Specifications-

• Add Job section enables user to create their new scheduled interview data.
• Stats section displays number of pending applications, interviews scheduled and declined interviews.
• All Jobs section displays all data with options to search data by keyword, filter data according to status/type or sort data by name or date created.
• All Jobs section allows user to update and delete scheduled interview data and track the status of old interviews.
• Fully responsive web application.

Demo

Technologies Used

Google Lighthouse webpage performance report

The full report can be accessed at https://drive.google.com/file/d/1FjAHQKGxpaWNOnO-fvSuU2OLNjnIS3re/view?usp=sharing

New Features to be added in Future

• Send notifications to user email inbox.
• Add more data visualization features.

Authors

@mayankdrvr

Run on Local System

• Go to Code->Download ZIP to download the .zip file. Just extract the .zip file and open the extracted folder in VS Code editor.
• Add .env and .gitignore file in client, server and root(main) folders. Add .env and node_modules in all .gitignore files.
• Open a new terminal in VS Code in the root(../../my-career-progress/) folder.
• To install client libraries & dependencies and run the frontend, run the following commands

  cd client
  npm install
  npm start

Frontend will run on localhost:3000

Add Environment variables in server folder

• In .env file of server folder, add the following key value pairs

PORT=5000
MONGO_URL=<Your MongoDB connection string>
JWT_LIFETIME=<Your jwt key>
JWT_SECRET=<Your jwt key>

• To install server libraries & dependencies and run the backend, run the following commands

  cd server
  npm install
  npm start

Backend will run on localhost:5000

• Open http://localhost:3000/ to find the project running in your browser.

Production Setup(Before Deployment)

• Remove node_modules and build folder from client, server and root folders. Do not remove any package-lock.json files.
• In root folder package.json file in "scripts" field, add the following key-value pairs

 "install-client": "npm install --prefix client"
 "setup-production": "npm run install-client && npm run build-client && npm install"

In root folder, run these commands one by one in terminal-

npm run setup-production
npm run server

Check localhost:5000 to see the production ready app working on local system

Deployment on Render

Deploying server folder

• Download the entire code of this project and create a Github repository and push the entire code in it.
• Create an account on Render and connect your Github account and connect all repositories(recommended) in it.
• Go to Render dashboard and select New->Web Service.
• Select the respective repository and click Connect.
• In the Build & Deploy section, enter the following commands-

  Name - <Your desired domain name> 
  Branch - main
  Root Directory - server
  Build Command - npm install
  Start Command - npm start

Click Create Web Service

• It will take some time to deploy the backend server.
• Copy the URL(onrender.com extension) of the deployed backend server.
• In the left part of the screen, click on Environment and enter the following details-

PORT=<The onrender.com URL you just copied>
MONGO_URL=<Your MongoDB connection string>
JWT_LIFETIME=<Your jwt key>
JWT_SECRET=<Your jwt key>

• The full stack web app will be fully deployed in less than five minutes time on the given URL.

License

MIT