Tworzenie responsywnej strony SPA od podstaw dla Tio Med
Projekt został wykonany całkowicie od podstaw na podstawie makiety w pliku PDF. Strona została stworzona jako aplikacja jednostronicowa (SPA) z wykorzystaniem nowoczesnego stosu frontendowego. Główny nacisk położono na strukturę, responsywność, płynną nawigację oraz efekty pojawiania się treści.
Kluczowe etapy wykonanej pracy:
- Layout wszystkich bloków i stron zgodnie z oryginalnym projektem z PDF
- Implementacja wewnętrznej nawigacji za pomocą Vue Router
- Stworzenie responsywnego interfejsu dla wszystkich typów ekranów (desktop, tablet, mobile)
- Realizacja animacji "fade-up" przy scrollowaniu z użyciem biblioteki AOS
- Konfiguracja niestandardowego buildu Webpack z obsługą plików .vue, obrazów WebP, stylów i SVG
- Import i konfiguracja Font Awesome do użycia ikon w całej aplikacji
- Płynne przewijanie oraz zachowanie pozycji scrolla między stronami
- Dbałość o fonty, paletę kolorów i podstawową strukturę SEO
Użyte technologie:
- Vue 3, Vue Router
- CSS3, Flexbox, Media Queries
- AOS.js - animacje przy scrollowaniu
- Webpack - niestandardowa konfiguracja
- Font Awesome, Google Fonts
- Obrazy WebP
- Architektura komponentowa z lazy loadingiem
Kluczowe etapy wykonanej pracy:
- Layout wszystkich bloków i stron zgodnie z oryginalnym projektem z PDF
- Implementacja wewnętrznej nawigacji za pomocą Vue Router
- Stworzenie responsywnego interfejsu dla wszystkich typów ekranów (desktop, tablet, mobile)
- Realizacja animacji "fade-up" przy scrollowaniu z użyciem biblioteki AOS
- Konfiguracja niestandardowego buildu Webpack z obsługą plików .vue, obrazów WebP, stylów i SVG
- Import i konfiguracja Font Awesome do użycia ikon w całej aplikacji
- Płynne przewijanie oraz zachowanie pozycji scrolla między stronami
- Dbałość o fonty, paletę kolorów i podstawową strukturę SEO
Użyte technologie:
- Vue 3, Vue Router
- CSS3, Flexbox, Media Queries
- AOS.js - animacje przy scrollowaniu
- Webpack - niestandardowa konfiguracja
- Font Awesome, Google Fonts
- Obrazy WebP
- Architektura komponentowa z lazy loadingiem