Wykonanie szablonu strony na Laravel 8 z makiety Figma
Panel administracyjny nie jest potrzebny, tylko szablonowanie podstawowych stron oraz szablonów stron serwisu z routami i kontrolerami stron oraz formularz kontaktowy. Link do makiety Figma prześlemy podczas rozmowy.
1. Ogólne wymagania
1.1 Stos technologiczny:
- Laravel 8
- PHP 7.4.1.
- Bootstrap 5
- SCSS
- JavaScript/jQuery
- Responsywne szablonowanie (breakpointy: mobile 320px, tablet 768px, desktop 1200px)
- Flexbox (nie gridy i nie floaty)
- Użycie mixinów od klienta (desktop, laptop, tablety, telefony)
1.2 Przeglądarki:
- Chrome (ostatnie 2 wersje)
- Firefox (ostatnie 2 wersje)
- Safari (ostatnie 2 wersje)
- Edge (ostatnie 2 wersje)
1.3 Optymalizacja:
- Optymalizacja obrazów
- Lazy loading dla obrazów
- Minimalizacja CSS/JS
2. Struktura i komponenty
2.1 Podstawowe komponenty (szablony Blade):
- Podstawowy layout (z metatagami)
- Header (menu, logo, przycisk logowania)
- Footer
- Formularz kontaktowy
2.2 Interaktywne elementy:
- Sticky header podczas przewijania
- Mobilne menu-burger
- Smooth scroll do kotwic
- Slider z opiniami
- Animacje podczas przewijania dla bloków z zaletami i taryfami
3. Formularze i walidacja
3.1 Formularz kontaktowy:
- Walidacja na front-endzie i back-endzie
- Ochrona CSRF
- reCAPTCHA v3
- Wysyłka AJAX
- Powiadomienia o sukcesie/błędzie
4. Strony do szablonowania
4.1 Strona główna:
- Sekcja hero (odtwarzanie pliku audio na obrazku, stylizacja szablonu odtwarzacza audio)
- ikony w bloku zalet
- schemat "Jak to działa"
- Slider z opiniami
- Akordeon dla FAQ
4.2 Strona "Usługi":
- Karty usług z efektami hover
- Szablon strony pojedynczej usługi
4.3 Strona "Taryfy":
- Interaktywne karty taryf
- Podświetlenie rekomendowanej taryfy
4.4 Aktualności:
- System siatki dla artykułów
- Paginacja
- Szablon strony pojedynczego artykułu
4.5. Kontakty:
- Formularz kontaktowy znajduje się właśnie w nich.
5. Dodatkowe wymagania
5.1 SEO:
- Semantyczne szablonowanie
- Schema.org markup
- Tagi Open Graph
- Robots.txt oraz sitemap.xml
5.2 Bezpieczeństwo:
- Ochrona XSS
- Token CSRF dla formularzy
- Sanityzacja wprowadzonych danych
5.3 Dostępność:
- Atrybuty ARIA
6. Testowanie
6.1 Obowiązkowe testy:
- Walidacja HTML (W3C)
- Responsywność na wszystkich breakpointach
- Cross-browser compatibility
- Prędkość ładowania
- Funkcjonalność formularzy
7. Dokumentacja
- Komentarze w kodzie
- Opis struktury SCSS
- Lista użytych pakietów
-
7 dni1179 PLN
506 6 1 7 dni1179 PLN
Cześć, Jewhenie!
Mam około 10-letniego doświadczenia komercyjnego w zakresie składania.
Piszę ważny, czysty kod. Przykłady prac można zobaczyć w portfolio.
Jestem gotów wykonać skład dla Ciebie.
Na wyjściu otrzymujesz: jakościowy, wieloplatformowy, responsywny (na różne urządzenia - telefony, tablety) kod.
Jestem gotów omówić szczegóły współpracy w wiadomościach prywatnych.
-
1 dzień1347 PLN
3853 24 0 1 dzień1347 PLN
Dzień dobry,
Jestem gotów zająć się Państwa projektem. Specjalizuję się w tworzeniu układów i rozwoju stron internetowych z wykorzystaniem Laravel, Bootstrap 5, SCSS, JavaScript/jQuery. Mam doświadczenie w tworzeniu responsywnych układów z uwzględnieniem różnych breakpointów oraz interaktywnych elementów, takich jak Sticky header, mobilne menu-burger, suwaki i animacje.
Moja stawka to 16$ za godzinę. Jestem gotów zapoznać się z makietą Figma i zrealizować Państwa potrzeby w zakresie tworzenia podstawowych stron, szablonów oraz formularza kontaktowego z zachowaniem wszystkich wymogów technicznych.
Z niecierpliwością czekam na możliwość współpracy.
Z poważaniem,
… Maksym
-
1 dzień1684 PLN
8150 63 1 1 dzień1684 PLN
Dzień dobry!
Jestem gotów pomóc w tworzeniu podstawowych stron, kontrolerów oraz formularza kontaktowego. Czekam na szczegóły dotyczące projektu.
-
14 dni1684 PLN
1681 18 0 14 dni1684 PLN
Cześć 👋🏻
Tworzę strony internetowe z responsywnością, które doskonale wyświetlają się na wszystkich urządzeniach.
Piszę w czystym kodzie html/css(scss)/js(jquery)
Robię na Wordpress + elementor (pro)
Również projektuję e-maile
🎨 Moje portfolio dimafomaa,online
Wideo z mojej pracy:
… https://youtu.be/OWQMK5JiSjs?si=fL-VIjyslDZVmDXW
Niektóre z moich prac do szybkiego przeglądu:
https://www.garagebarbershop.net.ua
https://natalibordeisalon.com
https://brocarautoservis.cz
https://fixtubfast.com
https://ecoclean.ua/
https://rudenkocenter.online/
-
7 dni379 PLN
121 7 dni379 PLN
Gotowy wykonać responsywną szatę graficzną twojej strony na Laravel 8 według makiety z Figma, zrealizować podstawowe strony, szablony oraz niezbędne interaktywne elementy. Zapewnię poprawne działanie formularza kontaktowego z walidacją, a także optymalizację pod kątem SEO, szybkości i kompatybilności między przeglądarkami. Czekam na link do makiety i jestem gotowy omówić szczegóły.
-
1 dzień84 PLN
1897 26 1 1 dzień84 PLN
Cześć, Jewgienij. Zajmuję się programowaniem w Laravel od ponad 6 lat, proszę przesłać makietę do szczegółowej oceny.
-
1 dzień104 PLN
12912 67 0 1 dzień104 PLN
Witam! Wykonam Twoje zadanie szybko i jakościowo.
Moje portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Pisz, zacznę pracować dzisiaj. Będę zadowolony ze współpracy z Tobą!
-
7 dni936 PLN
6865 109 4 1 7 dni936 PLN
Dzień dobry. Będę zadowolony, aby wykonać skład dla twojego projektu. Mam dobre doświadczenie w pracy z Laravel.
-
1 dzień42 PLN
2656 40 0 1 dzień42 PLN
🎊 Dzień dobry🙂, niedawno pracowałam nad podobnym zadaniem, więc wykonanie twojego zadania szybko i jakościowo nie sprawi żadnych trudności 💫
📈 Jestem gotowa przystąpić do pracy jak najszybciej ⏰
🌟 Piszcie, omówimy szczegóły, będę się cieszyć na współpracę z wami 🏆
-
1 dzień94 PLN
6501 229 4 7 1 dzień94 PLN
Witaj. Trzeba spojrzeć na Figma.
Pisz w wiadomościach prywatnych.
Omówimy szczegóły.
-
Доброго дня!
Можете надіслати макет для ознайомлення та оцінки?
-
1. адмінка не треба
1. ларавел.
це як? =)
при таких вимогах проект має бути с бюджетом 100500$
-
Yevhen Saienko SIP Hub Україна
Все вірно, ніякої адмінки - не треба, треба тільки "натягнути" верстку сторінок на проект Ларавел. Без адмінки та особистого кабінету.
Ви точно знаєте що таке Ларавел? ) -
ні з ларавел не працював, але якщо на щось потрібно натягнути то це явно не просто верстка, і якщо не треба якось його редагувати з адмінки то навіщо взагалі на щось натягувати, якщо по дефолту чиста верстка буде видавати кращі показники по сео гуглспід та швидкості заванатажженя.
-
Aktualne zlecenia dla freelancerów w kategorii Programowanie stron internetowych
Stworzyć wtyczkę do Chrome, do łączenia z proxyStworzyć wtyczkę do Chrome, do łączenia z proxy szukam programisty, możliwe + AI który już publikował podobne wtyczki w sklepie z sukcesem po prostu AI pisanie bez doświadczenia w programowaniu nie jest potrzebne proszę o oferty cenowe, terminy AI i uczenie maszynowe, Programowanie stron internetowych ∙ 8 godzin 54 minuty temu ∙ 26 ofert |
Tik Tok Live node.je
59 PLN
Konieczne jest napisanie mini programiku, na bazie biblioteki TT-live-connector, aby przy uruchomieniu odczytywał Prezenty, które są wysyłane i przez zwykłą stronę internetową pokazywał płynną i piękną animację Programowanie stron internetowych ∙ 22 godziny 50 minut temu ∙ 27 ofert |
Stworzenie strony internetowej dla firmy księgowej na WordPressie (na gotowym szablonie)
2105 PLN
Dzień dobry. Jesteśmy firmą księgową - chcemy stworzyć stronę internetową dla firmy księgowej na WordPressie (na gotowym szablonie) w dwóch językach. Ma być zoptymalizowana pod kątem wyszukiwania w Google i SEO. Programowanie stron internetowych ∙ 2 dni 3 godziny temu ∙ 105 ofert |
Dopracowanie systemu ewidencji czasu pracy w ASP.NET
Potrzebny programista .NET do małego projektu — systemu obliczania wynagrodzeń pracowników. Trzy zadania: Rozwinąć system na naszym subdomenie (domena i dostęp zostaną podane). Audyty formularza logowania + poprawki dotyczące bezpieczeństwa w razie potrzeby. Zrealizować… Programowanie stron internetowych ∙ 2 dni 3 godziny temu ∙ 41 ofert |
Redesign i SEO-optymalizacja strony na platformie Prom.ua
Specyfikacja techniczna Strona: protone.com.uaGłówny cel Należy uczynić stronę nowoczesną, wizualnie atrakcyjną, wygodną dla użytkownika oraz maksymalnie przygotowaną do promocji w wyszukiwarkach i wewnątrz marketplace'u Prom.ua. Główny nacisk — poprawa designu, struktury… Programowanie stron internetowych, Projektowanie stron internetowych ∙ 2 dni 8 godzin temu ∙ 28 ofert |
Kijów