Skip to content

haggqvist459/AOEM_MGE_TS

Repository files navigation

Updated list app from prior redux tutorial

Using TypeScript, Vite and Redux

Features:

Home Page:

  • Horizontal naviation between daily calculators
  • Displays the daily calculators

Admin Page:

  • Import & Export functions
  • Delete function for localStorage

Total Score Page:

  • Display overview of total score
  • Display overview of each daily score
  • Compare with previous events
  • Average the previous events for comparison

Previous Event Score Page:

  • Set up previous events
  • Allow for first to tenth or first and tenth place scores
  • Average score calculation using a selector
  • Select specific previous event for score calculation

About Page:

  • Explain how data is gathered and kept
  • Disclaimers

Error Page:

  • Custom error page with theme styling
  • Link to home page

Nav Bar:

  • Custom button with transitions
    • Toggles hidden horizontal menu
  • Link to home page on header title

Daily Calculators:

  • Navigation buttons between the previous and next days
  • Common hook for local and redux state updates
  • Modal pop up with confirmation prior to state reset
  • Fetch previous event averages for the output section

Misc:

  • Persist list using localStorage
  • PWA for offline support
  • Custom font locally available
  • Local SVG code for icons in separate components
  • Theme variables for colours
  • Custom icon & splash screen
  • Re-name Header to NavBar
  • Re-name SubHeader to Header
  • Create SubHeader component for the h3 element with 17px font size
  • Fix Nav menu width on certain breakpoints (md?)
  • Remove decimal points for gathering score on day three
  • Apply city and imperial titles for troop training
  • Apply state types on reset object in reset state reducer
  • Fix duplicate form IDs on day five (likely troop types)
  • Add same fade in effect on all pages
  • Rename CalculatorContainer and -Header to Section-
  • Add sliding effects to calculators
  • Re-work Day 5 to similar style as Day 3
    • Implement delete troop for day five remaining
  • Update day three gathering title, set it to 'Gathering Troops' or similar
  • Re-evaluate index files, remove exports for internal functions.

About

TypeScript version of the javascript project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors