Move front-end logic into its own separate files

[AlexanderWangY]

As of now, all frontend logic such as navigation, receiving messages, sockets, etc etc all happen within the actual screens. We want to reserve the screens for mainly UI and as little actual logic as possible.

Your task:

• Refactor and move most logic into their respective files and make sure they are still accessible within the screens
• Ensure all logic still works correctly.
• D.R.Y Don't Repeat Yourself! If the same code is written twice, it isn't nice! Make sure to write functions ONCE and reuse when needed! Keep them flexible too and add comments if needed to ensure the devs who use your functions understand their purposes!
• Test, test, test! Keep reloading the app every little change and make sure it all still works!
• Be thoughtful when naming and moving functions into different folders/files. We want to be able to trace errors back to certain screens and functions!

[Teja-11]

can i work on this?

[AlexanderWangY]

Yes! Thank you for taking up this issue. If you have any questions or just want to run ideas through someone, let me know! 😄