Giter VIP home page Giter VIP logo

military-pay-comparison-calculator's Introduction

Hi there ๐Ÿ‘‹

military-pay-comparison-calculator's People

Contributors

kpvdev avatar

Watchers

 avatar  avatar

military-pay-comparison-calculator's Issues

๐Ÿง  - Brainstorm the pay comparison functionality of the app

๐Ÿ› ๏ธ What work needs to happen?

  • "Calculate Comparison" button does not have logic hooked up to it yet
  • Determine what logic should be implemented to calculate comparisons
  • Build the logic for the "Calculate Comparisons" button
  • #8
  • Determine if there should be a way to save the final data in some way (print, pdf, etc.)

๐Ÿšซ Are there any limiting factors?

  • None

๐Ÿค” Things to consider?

  • Keep an eye on how long it takes to calculate values

๐Ÿ› ๏ธ - Add pay data for different calendar years

๐Ÿ› ๏ธ What work needs to happen?

  • Determine how many calendar years we should have
  • Add folders for each calendar year
  • Add the pay data into each .json file for each calendar year
  • Add all .json files to appropriate folders
  • Add the new option elements to:
    <select id="career-one-calendar-year" name="career-one-calendar-year">
    and
    <select id="career-two-calendar-year" name="career-two-calendar-year">

๐Ÿšซ Are there any limiting factors?

  • None

๐Ÿค” Things to consider?

  • Make sure the pay data referenced is from official sources to ensure accuracy

๐Ÿง  - Brainstorm dark and light color pallets for themes

๐Ÿ› ๏ธ What work needs to happen?

  • Determine possible color options for both themes
  • Determine naming scheme for both themes in the CSS

๐Ÿšซ Are there any limiting factors?

  • My creativity ๐Ÿ˜…

๐Ÿค” Things to consider?

  • Make sure the color pallets for each theme conform to good accessibility practices (contrast, focus states, etc.)

๐Ÿง  - Brainstorm how the data will be displayed once "Calculate Difference" is clicked

๐Ÿ› ๏ธ What work needs to happen?

  • Determine how the final calculated information is delivered to the user
  • Determine if it should be a separate modal, a separate page, or a scroll into view

๐Ÿšซ Are there any limiting factors?

  • None

๐Ÿค” Things to consider?

  • UX. Ultimately this needs to feel smooth for the user and not confusing
  • The information displayed needs to be clear, concise, and easy to understand

๐Ÿ’ก - Migrate existing JavaScript code to TypeScript

๐Ÿ’ก Describe the feature you would like to see implemented!

  • Should look into migrating the existing JavaScript to TypeScript
  • Have had to troubleshoot a few bugs so far that were inadvertently caused by mismatched types
  • By moving to a strongly-typed language, I believe it will be easier to program with and debug

๐Ÿ”— Have you seen a feature like this somewhere else?

  • Many sites are developed using TypeScript
  • It is a very common and popular language, so support for it should be very strong going into the future

๐Ÿค” Are there any other things we should consider regarding this request?

  • I think that this move should happen now while the codebase is smaller. It will make it easier to implement as opposed to when the codebase grows larger
  • I believe that TypeScript is better at scaling than JavaScript, so in a way, I think a move like this could future proof the codebase as it grows larger

๐Ÿšง - Refactor styles.css / update theme variables

๐Ÿ› ๏ธ What work needs to happen?

  • Go line by line and refactor the existing CSS
  • Hard code in the light and dark color pallets
  • Remove unused styles / clean up naming conventions

๐Ÿšซ Are there any limiting factors?

  • #2
  • Before hard coding the light and dark colors, we have to decide what colors we want ๐Ÿ˜…

๐Ÿค” Things to consider?

  • Don't blow away styles for the sake of cleaning up, remove them if they ACTUALLY need to be removed ๐Ÿ˜ƒ

๐Ÿšง - Refactor the current README.md

๐Ÿ› ๏ธ What work needs to happen?

  • Determine how we want to present the README.md
  • Determine the layout of the content
  • Determine what content we even want

๐Ÿšซ Are there any limiting factors?

  • None

๐Ÿค” Things to consider?

  • Is the app intuitive enough for users to figure out, or do we need a quasi walk through?
  • KISS?

๐Ÿ› ๏ธ - Add remaining officer ranks to applicable areas in app

๐Ÿ› ๏ธ What work needs to happen?

  • Utilizing the 2023 military pay table, add the remaining officer pay data to '2023-Base-Pay.json'
  • Add the new option elements to:
    <select id="career-one-rank" name="career-one-rank">
    and
    <select id="career-two-rank" name="career-two-rank">
  • Test the functionality to make sure it doesn't break the app

๐Ÿšซ Are there any limiting factors?

  • None

๐Ÿค” Things to consider?

  • None

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.