GithubHelp home page GithubHelp logo

bbedevian / jtme Goto Github PK

View Code? Open in Web Editor NEW
2.0 3.0 2.0 619 KB

Job Tracking Made Easy. A clean web app to keep track of you applications (Job, College, etc) with a corresponding chrome extension to make adding new Applications easier.

HTML 5.95% CSS 2.54% JavaScript 87.19% SCSS 4.32%
redux saga firebase react chrome-extension firestore spreadsheet job-application-management

jtme's Introduction

JTME


A job tracking application to make job searching less of a hassle

version 1.0

Development Tools

  • Firebase Auth + Firestore
  • React
  • Redux + Saga
  • Bootstrap

Use Case

  • track your job application status with ease
  • track the interactions you have with a company during the job application process

Use the app!

the app will be hosted soon. Check back for a link to go directly to the application

Installation

  • clone down the repo and run npm install to get the necessary dependencies
  • the front end of the application runs on http://localhost:3000
  • to run and connect the application to your own firestore application, follow the Firebase firestore steps to set up your project then add the Firebase config information to the firebase/firebase.utils.js file to connect to your new app with all of the functionality

Notes

In addition to the web app, we have created a chrome extension which can be downloaded here though it is also included in this repo if you are cloning or downloading (see folder /jtme-extension)

Note in order for the chrome extension to work you MUST create your JTME account with google!

To add the chrome extension to your browser once downloaded:

  • unzip the file
  • in chrome.. go to manage extensions
  • click load unpacked
  • select the folder
  • pin to toolbar:
    • click the puzzle piece "extensions" button on the toolbar between your existing extensions and your google account
    • find the JTME extension and click the pushpin icon if it is not blue

Once signed in it will work on any page. The idea is to save you time from switching back and forth between your spreadsheet and the job listing.

This project was created for Code With Friends Fall 2020 by Robert Keller and Brett Bedevian We'd love to hear your feedback!

Future Plans

  • Scraper to autofill job information for you when you open the chrome extension on a page with a job application
  • Add export functionality to take the information into the spreadsheet of your choice (google sheets, Microsoft Excel)
  • sort your jobs by open or closed opportunities
  • add demo user to check out application without registering your email
  • add tutorial to show how to use the app the first time you log in.

jtme's People

Contributors

bbedevian avatar elliott-king avatar imjoshellis avatar misterrk avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar

jtme's Issues

Feedback form overflow

If both the "new Job" and "feedback" forms are opened, the sidebar goes off the bottom of the page & I can't see the submit button. I went through the CSS and can't for the life of me figure out how to fix this.

Screen Shot 2020-11-18 at 8 07 31 AM

No form input limit, user gets stuck viewing job model

There is no form input limit, meaning I can make all fields as long as I want. This breaks the job modal and prevents the user from exiting the modal.

Specs
Browser: Google Chrome
Screen Size: 13"

To replicate:
Go to https://jtme-8027c.web.app/home
Create a new job with the company name: ;alkjsdlfkjlsdkjflkjdlfskajldkfjlskdjflkajsldkjflaksjdlfkjalskdjflkajsldkjflaksjdlfkjalskdjflakjsdlkfjadsfjalksdjf;lkajs;dlfkja;lksdjf;lkj a;owieru 01984 oij1poeij1po2u39 op1ihj ;sdkjfa ;lkdj f;akjsd; lfkja;skdjf; lakj sd;lfk ja;lskdjf;lajwo eifj;lkasjdf
Click on job to open modal.
See that job name overflows and user cannot exit modal.

Suggested solution:
Add input validations

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.