https://github.com/terkasm/quotes

Cvičení pro Digitální akademii web (Czechitas)
https://github.com/terkasm/quotes

Last synced: about 1 month ago
JSON representation

Cvičení pro Digitální akademii web (Czechitas)

• Host: GitHub
• URL: https://github.com/terkasm/quotes
• Owner: TerkaSm
• Created: 2023-10-17T06:18:34.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-17T08:24:46.000Z (over 1 year ago)
• Last Synced: 2024-11-05T11:15:26.023Z (3 months ago)
• Language: JavaScript
• Homepage: https://ts-quotes.netlify.app/
• Size: 9.77 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# quotes

# Citát

Vyzkoušejte si založení vlastního Vite projektu s jednoduchou stránkou.

1. Založte nový Vite projekt s názvem quotes:

npm init kodim-app@latest quotes jsx

2. Uvnitř projektu nastartujte vývojový server příkazem npm run dev.

3. 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.

4. 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.