🎯 Cel projektu

Celem projektu było stworzenie funkcjonalnej strony internetowej, gotowej do wykorzystania przez serwis samochodowy, wraz z panelem administratora (na przykład dla administratora serwisu TODO).

🧱 Stack technologiczny

Next.js

Typescript

MongoDB

Java

Spring Boot

⚙️ Proces tworzenia

1. Projektowanie

Pierwszym czym się zajęłem przy tworzeniu tej strony był jej design. Użyłem do tego celu Figmy oraz poszukałem inspiracji na stronach takich jak dribble.com oraz behance.net.

2. Tworzenie API

Po zaprojektowaniu strony stworzyłem interfejs do komunikacji między aplikacją frontendową a backendową. Proste operacje do tworzenia elementów cennika oraz do pobierania danych z bazy.

3. Tworzenie aplikacji w Next.js

Trzecią czynnością w kolejności było stworzenie strony w Next.js. Zakodowałem całą stronę według designu oraz wszczęłem pobieranie danych z API.

4. Deploy aplikacji

Strone frontend strony upubliczniłem za pomocą Vercel, podłączyłem domene oraz połączyłem z aplikacją backend, którą uruchomiłem na serwerze VPS.

📱 Efekt końcowy

Strona wydaje mi się bardzo ładnie zrobiona jak na czas poświęcony na nią około 10h - na design, stworzenie aplikacji oraz deploy. Jest bardzo praktyczna i gotowa do użycia przez serwis samochodowy.