Moje
projekty
Sprawdź nad czym już pracowałem...
html
css
Clipboard - Landing page
Clipboard - Landing page
Co zobaczysz?
- Stronę responsywną
- Ilustracje SVG
- CSS Grid i Flexbox
html
css
js
Fylo - Landing page
Fylo - Landing page
Co zobaczysz?
- Stronę responsywną
- Ilustracje SVG
- Menu dla telefonów
-
Animacje podczas scrollowania
- Formularz z walidacją
- CSS Grid i Flexbox
html
css
Huddle - Landing page
Huddle - Landing page
Co zobaczysz?
- Stronę responsywną
- Ilustracje SVG
- CSS Grid i Flexbox
html
css
js
Easybank - Landing page
Easybank - Landing page
Co zobaczysz?
- Stronę responsywną
- Ilustracje SVG
- Menu dla telefonów
- CSS Grid i Flexbox
html
css
js
Devjane - Strona Portfolio
Devjane - Strona Portfolio
Co zobaczysz?
- Stronę responsywną
- Animację dla Hero
-
Oddzielne podstrony dla projektów
- Animowaną nawigację
- Dark Mode / Light Mode
-
Formularz z walidacją i reCAPTCHA
- CSS Grid i Flexbox
html
css
js
Dine - Strona restauracji
Dine - Strona restauracji
Co zobaczysz?
- Stronę responsywną
- Ilustracje SVG
- Podstronę do rezerwacji
- Formularz z walidacją
- CSS Grid i Flexbox
css
js
api
react
Movies App - Aplikacja React
Movies App - Aplikacja React
Co zobaczysz?
- Stronę responsywną
- React Hooks
- React Router
- Zmieniającą sie sekcje Hero
- CSS Grid i Flexbox
html
css
js
Manage - Landing page
Manage - Landing page
Co zobaczysz?
- Stronę responsywną
- Ilustracje SVG
- Slider (Swiper)
- Formularz z walidacją
- CSS Grid i Flexbox
css
js
api
react
Country App - Aplikacja React
Country App - Aplikacja React
Co zobaczysz?
- Stronę responsywną
- Animowany Loader
- Ilustracje SVG
- React Hooks
- React Router
- Filtrowanie
- Dynamiczne wyszukiwanie
- CSS Grid i Flexbox
html
css
js
Countdown App - Odliczanie do wydarzenia
Countdown App - Odliczanie do wydarzenia
Co zobaczysz?
- Stronę responsywną
-
Modal po zapisaniu sie na newsletter
- Formularz z walidacją
- CSS Grid i Flexbox
css
js
react
List of Books - Aplikacja React
List of Books - Aplikacja React
Co zobaczysz?
- Stronę responsywną
-
Dane zapisywanie w Local Storage
- Dynamiczne filtrowanie
- Statystyki
- Możliwość edycji
Lightbox
Co zobaczysz?
- Stronę responsywną
- CSS Grid
- Animacje
- Dynamiczą zmianę treści
html
css
js
Photosnap - Multi-page
Photosnap - Multi-page
Co zobaczysz?
- Stronę responsywną
- Menu dla telefonów
-
Dynamiczną zmianę treści uzależnioną od stanu checkboxa
- CSS Grid i Flexbox
html
css
js
Room - Homepage
Room - Homepage
Co zobaczysz?
- Stronę responsywną
- Menu dla telefonów
- CSS Grid i Flexbox
-
Slider (bez zewnętrznych bibliotek)
css
js
react
PayApi - Multi-page React
PayApi - Multi-page React
Co zobaczysz?
- Stronę responsywną
- Menu dla telefonów
- Formularze z walidacją
- Styled components
- React Router
- CSS Grid i Flexbox
cssjsreact
api
Clock Aplikacja React
Clock Aplikacja React
Co zobaczysz?
- Stronę responsywną
- Styled components
-
Zmianę tła zależną od pory dnia
-
Zmianę treści zależną od pory dnia
-
Losowe wyświetlanie cytatów zapisanych w state
-
Określenie obecnej lokalizacji na podstawie publicznego ip
- Informacje o aktualnym dniu
- CSS Grid i Flexbox
css
jsreact
api
Movie App Aplikacja React
Movie App Aplikacja React
Co zobaczysz?
- Stronę responsywną
- Styled components
- CSS Grid i Flexbox
-
Dodawanie list filmów: ulubionych oraz do obejrzenia
-
Zapisywanie list filmów w Local Storage
css
jsreact
Todo Aplikacja React
Todo Aplikacja React
Co zobaczysz?
- Stronę responsywną
- Styled components
-
Dane zapisywane w Local Storage
- Możliwość edycji danych
- CSS Grid i Flexbox
- Drag and Drop
- Dark Mode / Light Mode
html
css
js
Loopstudios - Landing page
Loopstudios - Landing page
Co zobaczysz?
- Stronę responsywną
- Menu dla telefonów
- CSS Grid i Flexbox
-
Animacje podczas scrollowania