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. Eksempel på å koble til Pi-en:
ssh webkom@screen-pi # screen-pi vil resolve til riktig IP via Tailscale sin DNSNår skjermen ikke fungerer skikkelig
Section titled “Når skjermen ikke fungerer skikkelig”Kommandoen refresh 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.
Alle tilgjenglige kommander kan man se ved å kjøre cat ~/README.md på Pi-en. Er også mulig å legge til flere kommandoer om nødvendig i ~/.local/bin.
Teknologi-stack
Section titled “Teknologi-stack”Frontend
Section titled “Frontend”- React 19
- Vite build tool
- 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 devTesting og kvalitet
Section titled “Testing og kvalitet”pnpm lint # ESLint alle pakkerpnpm format # Prettier formateringpnpm build # Bygger frontend-enEnvironment 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 devArbeidsflyt
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.