Vyzkoušejte si založení vlastního Vite projektu s jednoduchou stránkou.
- Založte nový Vite projekt s názvem quotes:
npm init kodim-app@latest quotes jsx
- Uvnitř projektu nastartujte vývojový server příkazem npm run dev.
- Upravte soubor index.html. Uvnitř elementu #root vytvořte HTML pro stránku zobrazující nějaký známý citát. Upravte styly v souboru index.css a dejte stránce nějaký vzhled. Můžete se inspirovat třeba zde. Vtipné citáty generované umělou inteligencí vám rád naservíruje Inspirobot. Zajímavé nápadu bude mít jistě mít i ChatGPT.
- Ve složce src/pages vytvořte soubor quotes.js a vložte do něj pole s citáty. Vytvořte v něm funkci, která náhodně vybere jeden citát z pole a vrátí jej jako řetězec. Samžte obsah souboru index.jsx, importujte v něm funkci pro výběr citátu a použijte ji pro zobrazení citátu na stránce.