Skip to content

ErfanMirzapour/expense-tracker

Repository files navigation

Techs

  • Core: typescript - react - redux
  • Helper: react-hook-form - yup - nanoid
  • Dev Tools: prettier - react-refresh - serve
  • Config: webpack - babel - post-css - cross-env
  • Styling: sass - css-modules
  • Testing: jest - @testing-library

Config

  • typescript
  • webpack
    • dev-server
    • integrate react fast refresh
    • source maps
    • minimization
    • caching and hashes + clean
    • bundle analyze
  • css and sass
    • css-modules
    • postcss
    • extract css
  • babel set-up
    • core-js
    • browserslist
  • absolute imports
  • different envs + scripts
  • auto formatting
    • .editorconfig file
  • testing
    • transformers
    • coverege setup

Functionality

  • wallet
    • showing init balance + outcome of transactions
    • init balance in editable
  • transactions
    • add/edit/delete
    • always sorted
    • search ability
    • group by year and month
    • form validations
  • persistence data in localStorage
  • tests
  • comments and documentation

Run Application

  • Production mode: yarn prod
  • Dev mode: yarn dev