Przejdź do głównej zawartości
Codex13

09. Generator losowych cytatów

Cel projektu

Dział zatytułowany „Cel projektu”

Aplikacja wyświetlająca losowe cytaty — z pobieraniem z API, zapisywaniem ulubionych i udostępnianiem przez Twitter / kopiowanie do schowka.

// Quotable API (bezpłatne):
// https://api.quotable.io/random
// https://api.quotable.io/random?tags=technology
// https://api.quotable.io/random?maxLength=100


// Odpowiedź:
// { content: "...", author: "...", tags: [...] }

Warianty realizacji

Dział zatytułowany „Warianty realizacji”
  • Losowy cytat z Quotable API
  • Przycisk “Następny cytat”
  • Kopiowanie do schowka
  • Animacja zmiany cytatu (fade)
Ocena: 3.0

Do dzieła!

Dział zatytułowany „Do dzieła!”

Powodzenia!

Generator cytatów to jeden z najprostszych projektów React — ale można go rozbudować do bardzo ładnej aplikacji. Animacja fade (opacity 0 → 1) przy zmianie cytatu robi świetne wrażenie i jest łatwa do zrobienia z CSS transitions!