Link: https://vue-posts-albums-form.vercel.app/

Założenia projektu

Aplikacja internetowa obsługująca formularz wysyłania danych ze sprawdzaniem poprawności numeru PESEL oraz autouzupełnianiem danych na podstawie numeru. Strona internetowa korzysta rówież z darmowego REST API do wyświetlania postów z komentarzami oraz albumów z zdjęciami.

Stos technologiczny

Frontend:

• Vue.js
• Axios

Inne:

• ESLint do statycznej analizy kodu i utrzymania jednolitej jakości kodu

REST API użyte w projekcie

JSONPlaceholder

JSONPlaceholder to darmowy serwis API służący jako miejsce do testowania, prototypowania i tworzenia aplikacji, które korzystają z komunikacji z API. Jest to narzędzie przydatne dla programistów do szybkiego prototypowania aplikacji, które wymagają danych w formacie JSON. JSONPlaceholder udostępnia szereg zasobów (takich jak posty, użytkownicy, komentarze itp.), które można wykorzystać do testowania zapytań i odpowiedzi API. Link: https://jsonplaceholder.typicode.com/

Zdjęcia poglądowe

Instrukcja instalacji projektu

Pobieramy projekt na lokalne środowisko.

Instalujemy npm za pomocą komendy:

npm install

Uruchamiamy aplikacje na lokalnym środowisku:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Domyśnie, jeżeli użyjemy jednej z powyższej komendy, aplikacja powinna być dostępna na adresie http://localhost:3000. Adres wklejamy do przeglądarki internetowej.