Trivia – kvíz applikáció

Frontend | Vue.js

Legújabb portfólióprojektem, a Trivia App. Ezt a kvíz applikációt, vue.js keretrendszerben fejlesztettem, Vue 3, Vite és Tailwind CSS használatával. Az alkalmazás különböző kategóriákban teszteli a felhasználók tudását – például Filmek, Történelem, Tudomány és Sport témakörökben –, a kérdéseket pedig dinamikusan tölti be egyszerű Node.js apiból ami több mint 335 kérdést tartalmaz.

Bátran próbáld ki Te is 😉

Miért Készítettem Ezt az Alkalmazást?

Egy olyan projektet szerettem volna, amely bemutatja front-end képességeimet, miközben valós API-kkal dolgozom, és jól néz ki mobilon. Ez az app tökéletes lehetőséget adott arra, hogy interaktív és szórakoztató élményt hozzak létre.

Főbb Funkciók

Dinamikus Kérdések: Kategóriánként 8-12 kérdés, amelyeket egy egyszerűbb Node.js api biztosít.
Reszponzív Dizájn: Kiváló működés mobilon és asztali gépen a Tailwind CSS-nek köszönhetően.
Egyszerű, de Lenyűgöző: Letisztult felület, amely a kvízélményre fókuszál.

Eszközök és Technológiák

Vue 3, a Composition API-val, modern és skálázható kódhoz.
Vite, a gyors fejlesztési élmény érdekében.
Tailwind CSS a dizájnhoz.

Kihívások és Tanulságok

Az API integrálása értékes tanulási élmény volt, különösen a dinamikus adatok kezelése és az aszinkron kérések megvalósítása Vue-ban. Cache-eltem az egyes kéréseket, hogy ne terheljem le a szervert. A reszponzív elrendezés tervezése közben pedig megtapasztaltam a Tailwind CSS rugalmasságát.