logo

starzynski.dev

O mnie

Umiejętności

Projekty

Kontakt


Your browser does not support the video tag.

Artgen

Artgen to aplikacja internetowa, którą stworzyłem w celach edukacyjnych. Aplikacja wykorzystuje model DALL·E 3 firmy OpenAI do generowania obrazów w wybranych kategoriach i przechowuje je w usłudze GCS (Google Cloud Storage), jednocześnie zapisując dane dotyczące promptów w bazie danych NoSQL MongoDB.

Next.jsTypescriptMongoDBJavaSpring BootGoogle Cloud StorageOpenAI

🎯 Cel projektu

Celem projektu była implementacja API od OpenAI w celu generowania obrazów w kategorii wybranej przez użytkownika oraz według polecenia użytkownika.

🧱 Stack technologiczny

  • Next.js + TypeScript
  • Spring Boot + Java
  • MongoDB
  • Google Cloud
  • OpenAI API

⚙️ Proces tworzenia

1. Projektowanie

Pracę rozpocząłem od stworzenia prostego projektu graficznego, który pomógł mi zwizualizować potencjalny wygląd aplikacji.

2. Budowa prototypu aplikacji

Kolejnym krokiem było stworzenie prototypu aplikacji, aby ta zapisywała obrazy na Google Cloud Storage. W apliakcje wdrożyłem także middleware, który przekierowuje użytkowników na strone w zależności od ich statusu autoryzacji.

3. Generowanie obrazów

W trzeciej kolejności wziełem się za opanowanie dokumentacji OpenAI API, aby móc wdrożyć interfejs w życie mojej aplikacji, co było najważniejszym krokiem od samego początku.

4. Wdrażanie aplikacji

Proces wdrażania aplikacji składał się ze wstawienia frontendu na Vercel oraz z postawienia bazy danych i aplikacji backendowej na serwerze VPS.

📱 Efekt końcowy

Aplikacja działa zgodnie z założeniami. Komunikacja między aplikacją frontend i backend działa, zdjęcia zapisują się w GCS oraz można je generować za pomocą API. Choć jej wygląd nie jest wyjątkowo dopracowany, w przypadku projektów do portfolio postawiłem na funkcjonalność i poprawność działania, a nie na aspekt wizualny.

© 2025 starzynski.dev Wszelkie prawa i lewa zastrzeżone.