Restructure codebase

[Chalarangelo]

Restructure codebase

[Chalarangelo]

As we are currently in lockdown, I am planning to start working on this in a branch, as Sprint 5's tasks are mostly complete already. The plan is as follows:

• Move frontend code into src/components, update references accordingly.
• Update frontend code and decouple as much of the language-specific code from frontend (better treat it as data coming from the backend).
• Update tests, introduce more tests and cover most of the codebase, introducing set fixtures for easier, faster and more consistent tests.
• Improve documentation for all of the frontend code, cleanup relics.
• Cleanup and revamp styles for the frontend code - this includes a more consistent vertical rhythm as well as cleaning up redundant and overly complex styles and things like typography and color updates if necessary.
• Restructure backend code, rewriting most of the GraphQL schema, allowing for more reusable structures and more flexibility.
• Introduce models and controllers, alongside serializers, if possible to closer resemble the MVC architecture.
• Introduce extensive backend tests with proper fixtures and E2E tests that cover real use-case paths.
• Update documentation for the backend code, as well as introduce a Wiki or other documentation for E2E tasks and new feature development (more or less a proper README for new contributors).

[Chalarangelo]

After further consideration and reading up on the topic, MVC might not fit Gatsby after all, so we will be exploring a more customized pattern to fit our needs.