Destroy the meteor to save the earth! The fate of the planet is in your hands.
npm installnpm run startPress "i" to run iOS or "a" to run Android on the terminal.
npm run testYou can see them in the issues section.
Here are the most important technical decisions for the project.
Uses React Navigation to navigate through the screens. Although I am more familiar with React Native Navigation, I find React Navigation to be better structured and more user-friendly.
Uses AsyncStorage to persist data. Good and easy option to store data securely.
Uses MobX-State-Tree. I decided to use it into because it provides essential structure and some tools for scaling applications. In my opinion, MST offers enhanced readability compared to Redux, and due to my familiarity with it, I made the decision to utilize MST. Additionally, MST relies on MobX, which offers observable values, a valuable feature for medium to large-scale projects.
Uses Reanimated to make animations. Another option would be react-spring, but I am not very familiar. It could also use the animation module provided by React Native.
Uses Jest. However, in my opinion Vitest is a better option, because it's really fast and fully compatible with Jest. On the other hand, it takes time to be configured and it is not fully compatible with React Native yet.
I don't rely too much on comments as I believe that well-named functions, variables, and other elements in code make them redundant. A good code is the one that doesn't require the use of comments. However, in certain situations, comments can be valuable for enhancing clarity and providing context.