Skip to content

ah584d/fireworks

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

80 Commits
 
 
 
 
 
 

Repository files navigation

Fireworks - Expenses Tracking app

A simple React-Native application to track expenses

Features

  1. Local storage
  2. zustand state management
  3. svg format support
  4. last version of RN (very fast with hermes!)
  5. cool bottom nav bar design
  6. react navigation stack
  7. fully typescript (0 compilation error using strict mode and strong types)




  1. filtering
  2. date picker
  3. functionnal Unit Test example




Left over

  1. Input field validation with regexp
  2. Support expenses with decimal
  3. Component tests (using react-native-testing-library), I have just added some Functional Unit Testing

Reasons Behind Technical Choices

  1. You might find some unusual elements in my code, and I would be happy to explain my decisions. In general, I aimed to maintain clean code. However, due to the limited time available (I only worked on it during the evenings), I took some shortcuts that I wouldn't have taken in a production application.

Installation

  1. make sure you run with node 18 and above
  2. git clone [email protected]:ah584d/fireworks.git
  3. cd fireworks
  4. npm ci -d
  5. cd ios
  6. pod install
  7. run Xcode and open ios folder, then press play button, it will take a few minutes and will launch the application

Usage

  1. Tested on iPhone simulator ** only ** [ I don't have iphone device ]
  2. The application usage is self explained, the only "hidden" feature is that you need to long press on an expense in order to edit/delete it

Screenshots