Projekt zaliczeniowy z kursu 10xDevs to aplikacja 10xCards.
Stack technologiczny:
Frontend: Astro, React, TypeScript, Tailwind CSS, Shadcn/ui.
Backend: Supabase (PostgreSQL, Auth).
AI: OpenRouter.ai.
Testy: Vitest, Playwright, React Testing Library.
Repozytorium:
Mój projekt miał charakter eksperymentalny i stanowił próbę zbadania aktualnych możliwości AI w samodzielnym tworzeniu oprogramowania.
Głównym założeniem było stworzenie pełnoprawnej aplikacji webowej, korzystając wyłącznie z modeli AI Anthropic w edytorze Cursor, bez napisania choćby jednej linijki kodu samodzielnie. Aby eksperyment był bardziej miarodajny, celowo użyłem technologie zaproponowane przez twórców kursu, których wcześniej praktycznie nie znałem (z wyjątkiem podstawowego języka TypeScript).
Moja rola polegała na pełnieniu funkcji dyrygenta AI.
Byłem odpowiedzialny za przygotowywanie precyzyjnych promptów (zgodnie z wiedzą z kursu), analizę wygenerowanego kodu, przeprowadzanie testów funkcjonalnych i na tej podstawie iteracyjne korygowanie pracy modelu. Celem było sprawdzenie, czy sztuczna inteligencja, kierowana jedynie przez polecenia i informacje zwrotne, jest w stanie samodzielnie zbudować działający produkt.
Efektem jest w pełni funkcjonalna aplikacja do tworzenia fiszek, która jest namacalnym dowodem na niesamowity potencjał nowoczesnych narzędzi AI w procesie deweloperskim.
Proces deweloperski przeprowadzony przez AI:
- Planowanie projektu: stworzenie kontekstu oraz strategii komunikacji z AI.
- Rules for AI i bootstrap: opracowanie reguł i startowego zestawu promptów kierujących pracą modelu.
- Definiowanie bazy danych: zaprojektowanie schematu danych oraz struktury tabel w oparciu o promptowanie modeli.
- Generowanie kontraktów i endpointów API: wygenerowanie typów i endpointów REST zgodnych z modelem danych.
- Tworzenie interfejsu użytkownika: zaprojektowanie i zbudowanie UI przy pomocy komponentów React, Tailwind i shadcn/ui.
- Implementacja logiki biznesowej: generowanie kodu funkcjonalnego z wykorzystaniem dużych modeli językowych (LLM).
- Autentykacja z Supabase Auth: konfiguracja rejestracji i logowania użytkowników poprzez AI.
- Plan testów i testy jednostkowe (Vitest): stworzenie planu testowego i wygenerowanie testów jednostkowych.
- Testy E2E z Playwright: implementacja automatycznych testów end-to-end sterowanych promptami.
- Refaktoryzacja kodu: przeprowadzenie automatycznych iteracji optymalizujących strukturę projektu.
- Konfiguracja CI/CD (GitHub Actions): automatyzacja buildów, testów i wdrożeń.
- Wdrożenie produkcyjne: publikacja gotowej aplikacji online przy pomocy promptów sterujących procesem deploymentu.
