Audiostore to serwis internetowy stworzony w celach edukacyjnych, pełniący rolę biblioteki audiobooków. Użytkownicy mogą zakładać konta, logować się i korzystać z bogatej kolekcji audiobooków udostępnianych przez backend oparty na Spring Boot uruchomiony na serwerze Tomcat.
🎯 Cel projektu
Celem projektu było zrozumienie podstaw komunikacji między aplikacją backendową stworzoną w Spring Boot a frontendem opartym na Next.js. Początkowo założeniem było stworzenie prostych operacji CRUD, jednak projekt rozwinął się o system logowania oraz autoryzacji użytkowników.
🧱 Stack technologiczny
Next.js + TypeScript
Spring Boot + Java
MongoDB
⚙️ Proces tworzenia
1. Projektowanie
Pierwszą rzeczą jaką zająłem sie przy okazji wymyślenia tej aplikacji był design strony. Postanowiłem, że pouczę się korzystania z Figmy, ponieważ uważam, że wygląd graficzny jest bardzo ważny dla odczuć osób odwiedzających strone, więc także i to powinienem umieć robić jako początkujący programista.
2. Nauka Spring Boot, Next.js oraz MongoDB
Po zaprojektowaniu strony zabrałem się za nauke Spring Boota, w której bardzo pomógł mi YOUTUBER TELUSKO. Pomógł mi on nauczyć się działania baz danych no-sql, operacji CRUD oraz systemów autoryzacji użytkowników opartych na JWT. Aplikacje frontend tworzyłem ucząc się zarówno działan Next.js, renderowania stron oraz routingu jak i działania klas Bootstrapowych.
3. 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
Nauka tylu nowych dla mnie rzeczy w czasie przepracowanych kilkunastu godzin uważam za bardzo cenną. Zdobyłem podstawową wiedzę, którą rozwijałem w następnych projektach, których się podejmowałem w czasie wolnym od przygotowań do matury.