| .idea | ||
| .vscode | ||
| app | ||
| git_assets | ||
| public/avatars | ||
| utilities | ||
| .eslintrc.json | ||
| .gitignore | ||
| Dockerfile | ||
| next.config.mjs | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| README.md | ||
| tailwind.config.ts | ||
| tsconfig.json | ||
| types.d.ts | ||
Latarnik Wyborczy 2025
Apka webowa w stylu Latarnika Wyborczego.
Screeny
| Pytanie | Wyniki |
|---|---|
 |
 |
Jak odpalić
Jak każde inne apki w Node.js:
npm run dev
# lub
yarn dev
# lub
pnpm dev
# a jak jesteś fancy to
bun dev
Przed deploy też standardowo:
npm run build
# i potem
npm run start
Technologie
Zwyczajny projekt Next.js-a, więc React, TypeScript i Tailwind. Na deser Chart.js do wykresu i next-plugin-yaml do YAML-i (więcej niżej).
Dane
Przez małą ilość danych i niezbyt skomplikowane operacje na nich, zarówno kandydaci ze swoimi odpowiedziami, jak i same pytania, siedzą w @/app/data/. Są to zwykłe YAML-e, więc by dodać kolejne pytania wystarczy zaadaptować questions.yml, a by dodać kandydatów należy stworzyć nowy .yml w @/app/data/candidates na wzór innych.
candidates.yml jest budowane z osobnych plików przy odpaleniu dev oraz build (ogarnia to @/utilities/CombineYaml.js). Sama obsługa YAML-i żeby Next je rozpoznawał jest handlowana przez next-plugin-yaml (sprawdź next.config.mjs oraz types.d.ts).