echo-screen
Hardware
Section titled “Hardware”Skjermen kjører på en ettkortsdatamaskin som heter Rasberry Pi (Nøyaktig modell). På Pi-en er det et 64GB SD kort med Pi-OS installert.
Tailscale
Section titled “Tailscale”Vi bruker Tailscale for å SSH inn i Pi-en. Dette tillater oss å kjøre kommandoer på Pi-en på din egen maskin.
Når skjermen ikke fungerer skikkelig
Section titled “Når skjermen ikke fungerer skikkelig”Kommandoen reload
kan brukes for å restarte chromeium som viser skjermen. Dette kan være nyttig å gjøre av og til når skjermen har problemer. Alternativt kan man også gå inn på Programmerbar og restarte Pi-en med tastaturet som ligger der.
Teknologi-stack
Section titled “Teknologi-stack”Frontend
Section titled “Frontend”- React 19
- Vite buildtool
- Tailwind CSS for styling
- TypeScript med strict type checking
CMS og innhold
Section titled “CMS og innhold”- Sanity For å hente arrangement
- echo API For å hente bursdager
- Entur API For å hente bane- og bussavanger på Florida Entur docs
Devops og deployment
Section titled “Devops og deployment”- Cloundflare Workers for frontend deployment
- pnpm for package management
Utviklingskommandoer
Section titled “Utviklingskommandoer”Kjøre echo screen
Section titled “Kjøre echo screen”# Start alle applikasjonerpnpm dev
Testing og kvalitet
Section titled “Testing og kvalitet”pnpm lint # ESLint alle pakkerpnpm format # Prettier formateringpnpm build # Bygger frontend-en
Environment setup
Section titled “Environment setup”Krever
Section titled “Krever”- Node.js 22+ (anbefalt: bruk fnm/nvm)
- pnpm 9+
Første gangs oppsett
Section titled “Første gangs oppsett”# 1. Clone repositorygit clone git@github.com:echo-webkom/echo-screen.gitcd echo-screen
# 2. Kopier environment variablercp .env.example .env
# 3. Installer dependenciespnpm install
# 4. Start utviklingpnpm dev
Arbeidsflyt
Section titled “Arbeidsflyt”Development
Section titled “Development”- Opprett feature branch:
git switch -c fornavn/feature-beskrivelse
- Start utviklingsmiljø:
pnpm dev
- Gjør endringer
- Test endringer:
pnpm lint
- Commit og push:
git push origin branch-navn
- Opprett Pull Request på GitHub
Deployment
Section titled “Deployment”Alt blir deployed automatisk ved push til main
.