Uppgiften består i att skapa en webapp som visar en text hämtad från ett API. Webappen ska visa en knapp som man klickar på för att generera en text. Följande komponenter ska finnas i appen:
- JS klient (React, Preact, Vue ...)
- Server API (Flask, Django, FastAPI ...)
- Externt API
Externt API är valfritt - det står dig fritt att välja vilken typ av app du vill bygga. Exempel på API kan vara:
Diagram över hur appen ska fungera:
+-------+ +-----------+ +------------+ +--------------+
| User | | JS client | | Server API | | External API |
+-------+ +-----------+ +------------+ +--------------+
| | | |
| Clicks button | | |
|------------------->| | |
| | | |
| | Makes request | |
| |----------------->| |
| | | |
| | | Makes request |
| | |----------------->|
| | | |
| | | Returns response |
| | |<-----------------|
| | | |
| | Returns response | |
| |<-----------------| |
| | | |
| Displays some text | | |
|<-------------------| | |
| | | |
Exempel på implementation - Pep talk - som hämtar data från complimentr:
Lägg upp din app i repo på Github och skicka länken till apps@rebla.se
Lycka till! 🙌
Rebla teamet