Frontend Directory Structure

• frontend/src/components: Contains components can be shared between different pages.
• frontend/src/<page>/: Contains a page related files.
• frontend/src/<page>/<components>: Contains page-specific components.
• frontend/src/<page>/<page>.js: The main entry for this page.
• frontend/src/_breakpoints.scss: The breakpoints for different-sized devices.
• frontend/src/_colors.scss: Contains all the global color variables.
• frontend/src/_guest_page.scss: The template style sheet for guest pages (landing, about, etc.).
• frontend/src/**/*.scss: The scss style sheet goes with a component (in the same directory).