Frontend Edutie

To start an app locally, you need to:

bun i
bun run dev

However, running in the docker container is advised.

Run inside docker

# build a docker image - it makes the image codebase up-to-date.
docker-compose build 
# now, start the container
docker-compose up

Build is required to make after any changes.

React + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

File structure

• src/ source code files & folders. Files placed directly here by convention are configuration & deployment related.
  • assets/ folder containing assets e.g. images, svgs, icons, etc. example substructure below
    • images/
    • svgs/
    • fonts/
  • components/ folder containing reusable components for further use in views/screens/pages
    • charts/
    • trees/
    • further folders named after components kind, not after the page uniqueness
  • features/ folder containing features, specific for react and application-specific functionalities
    • redux/
  • views/ folder containing views a.k.a. pages a.k.a. screens.
    • common/ subfolder for common code used accross views
    • FirstView
    • SecondView etc.
  • services/ folder containing functions for backend interactions
  • theme/ folder containing main theme, used for styling across the whole app

Dependencies flow role model:

• Components ⬅️ Assets, Theme
• Views ⬅️ Assets, Features, Services, Theme