🧭 OpenAI React aplikace Explain my code - Závěrečný projekt

Webová aplikace je vytvořena za pomocí knihovny React a propojená s OpenAI API. Má textové pole, do kterého se vkládá kód a s využitím OpenAI dostaneme vysvětlení toho, co kód dělá. Pod ním je input pro vložení vlastního API klíče, nutný pro request - bez něj výsledek nedostanete. Projekt intenzivního kurzu React akademie od komunity React Girls.

---

📜 Témata kurzu

• Úvod do Reactu, instalace prostředí, tvorba první komponenty
• Tvorba komponent, props a state, useState, stylování komponent
• useEffect a propojení s backendem
• Tvorba vlastní aplikace

---

🏗️ Vytvořeno s:

• Vite
• stylování v Tailwind

---

🛠️ Co jsem si vyzkoušela:

• vytvoření nové react aplikace přes Vite
• tvorba komponent a jejich použití v aplikaci
• použít props
• využití hooku useState
• využití hooku useEffect
• napojení na OpenAI API
• deploy Vite react aplikace

---

👀 Náhled aplikace:

Výchozí stav:

po zadání requestu a vlastního API key:

---

🌐 Live:

výsledná stránka: https://nikolencz.github.io/explain-code-app