Сверстать страницу react+ui+responsive
Нужно сделать страницу на реакте, желательно с использованием UI-фреймворка для понятного структурирования компонентов.
Примерно как должно выглядеть и работать (сюда не могу загрузить т.к. 90 мб):
Дизайн в Figma
Полный адаптив (будет также дизайн мобильной версии)
Если что-то невозможно или очень сложно реализовать — можно обсудить и переиграть.
Желательно в комментарии дать ссылку на вашу похожую работу, чтобы сэкономить время.
Напишите также, какую библиотеку компонентов планируете использовать (в идеале еще и почему).
1. Разумеется, финально сумму подкорректируем когда будет готов уже финальный макет. Не бойтесь писать цифры.
2. React, NextJS - подойдет любой вариант
3. Важна оптимизация под Google Pagespeed
-
219 Здравствуйте!
Меня зовут Алан, я руководитель и проектный менеджер веб-студии "PIXEL Web".
У нас большой опыт в создании сайтов различного объема и сложности. Наши front-end разработчики владеют широким стеком технологий и библиотек, таких как React.js, Vue.js, Typescript, Redux, REST API и т.д. и имеют опыт более двух лет!
Готовы взяться за ваш проект и сделать все согласно вашим требованиям - быстро и качественно!
По всем деталям обращайтесь в личные сообщения.
-
458 2 0 Добрый день. Готов выполнить ваше задание. Имею большой опыт работы над проектами различной сложности. Работал над такими сайтами как https://rozetka.com.ua/ua/ https://price.ua/ua. Сделаю быстро и качественно, используя новейшие технологии и подходы к проектированию. Для выполнения вашей задачи буду использовать MUI, в нем есть все необходимое для любого проекта. Готов взяться за работу немедленно. Пишите, обсудим детали.
Моя ставка $18/ч
-
558 3 0 Здравствуйте,
Спасибо за ваше предложение. Я готов взяться за реализацию вашей страницы на React, и хочу предложить использовать следующие технологии:
1. **Next.js** - Это фреймворк на базе React, который обеспечивает быструю загрузку страниц и оптимизацию производительности за счет серверного рендеринга и статической генерации. Это особенно полезно для SEO и быстрой загрузки контента.
2. **Mantine UI** - Это современная библиотека компонентов, которая предлагает широкий набор стилей и возможностей для создания адаптивных и отзывчивых интерфейсов. Она имеет хорошо структурированные и легко настраиваемые компоненты, что упрощает разработку и поддержку приложения. Также она позволяет легко интегрировать кастомные стили и анимации, если это необходимо.
3. **GSAP (GreenSock Animation Platform)** - Это мощная библиотека для создания сложных и производительных анимаций. Она идеально подходит для проектов с большим количеством анимационных эффектов, таких как в вашем видео. GSAP позволяет легко создавать плавные анимации и поддерживает кросс-браузерную совместимость.
…
**Преимущества этого стека:**
- **Производительность и SEO:** Next.js обеспечивает оптимизацию за счет SSR (Server-Side Rendering) и SSG (Static Site Generation).
- **Мощные и гибкие компоненты:** Mantine UI позволяет легко и быстро создавать адаптивные интерфейсы.
- **Плавные и производительные анимации:** GSAP позволяет легко реализовать любые анимации, которые могут быть необходимы для улучшения пользовательского опыта.
Для примера моих работ вы можете ознакомиться с портфолио по ссылке (https://mcarrow.vercel.app).
Если у вас есть какие-то дополнительные вопросы или детали по проекту, буду рад их обсудить.
С уважением,
Сергей Макаров
-
12531 63 1 Стас, добрый день!
Хороший дизайн с интерактивностью.
Из того, что я просмотрел, если это одна страница - лучше будет сделать на чистом html css, это обеспечит лучшую скорость загрузки и работу с seo.
Могу это выполнить за 4 дня, с готовыми анимациями, написанными без библиотек, для увеличения производительности и с микроданными, готовыми.
Вот ссылка на похожую работу https://www.vdalo.digital/
Мои работы можете посмотреть в профиле
Буду рад помочь
-
15075 32 0 1 Добрый день!
Меня зовут Валентин, и я представляю Arctic Web Agency. Мы - команда опытных веб-разработчиков, которые специализируются на создании современных и эффективных веб-решений для бизнеса. В личные сообщения смогу предоставить примеры наших похожих работ. Готовы взять ваш проект в работу!
С уважением
Arctic Web Team
Freelancehunt
-
285 Пишу фронт обычно на Next.js, могу на React.
Пишо дустаточно структурировано, можно посмотреть код сдесь:
https://github.com/Chuloshnikov
примеры работ. Последние два были реализованы без макета, т.е from scratch.
https://pathway-landing-nu.vercel.app/
https://metaversemad.netlify.app/
…
https://www.takprostogo.com/
https://buyeranastasiia.vercel.app/
-
748 8 0 Здравствуйте. Проект довольно интересный, готов начать работу над проектом прямо сейчас.
Вот мои проекты:
https://dberezuk.github.io/GTA-6/
https://dberezuk.github.io/DevopsTrain/
Актуальные фриланс-проекты в категории HTML и CSS верстка
Перенос сайта на Shopify
1123 UAH
Нужно перенести текущий сайт jdfurniture.uk с OpenCart на платформу Shopify. Сейчас сайт на OpenCart в целом нас устраивает по структуре и логике работы. Основная причина переноса — проблемы с платежными системами. На Shopify таких проблем быть не должно. Также для нас важно,… HTML и CSS верстка, Веб-программирование ∙ 8 часов 41 минута назад ∙ 16 ставок |
Перенос дизайна на WordPress
2000 UAH
Добрый день! Необходимо перенести готовый дизайн одностраничного лендинга на WordPress. Макет полностью готов (Figma), дизайн разрабатывать не нужно. Необходимо качественно сверстать страницу, адаптировать под мобильные устройства и настроить её на WordPress. Пожалуйста, в… HTML и CSS верстка ∙ 14 часов 27 минут назад ∙ 81 ставка |
Вывести посты из Инстаграма на сайт (опенкарт)
700 UAH
Здравствуйте. Нужно настроить функционал, чтобы на сайте (OpenCart) отображался блок с постами Instagram. Отзовитесь, кто делал и знает как ) Спасибо ) По стоимости договоримся, не знаю, сколько это стоит. HTML и CSS верстка, Веб-программирование ∙ 18 часов 4 минуты назад ∙ 44 ставки |
Лендинг для школы английского
13 500 UAH
Ищем дизайнера + верстальщика лендинга (Wix / WordPress / Weblium) Привет! Ищем исполнителя на дизайн и верстку лендинга курса английского языка. Что нужно: — дизайн и верстка лендинга на 12 блоков; — две страницы оплаты: успешная / неуспешная; — адаптив под мобильные; —… HTML и CSS верстка, Дизайн интерфейсов (UI/UX) ∙ 20 часов 32 минуты назад ∙ 112 ставок |
Адаптивная вёрстка сайта с анимациейНужно сверстать сайт по готовому дизайну из Figma. Админка сайта - Laravel - viar-art.pl Сайт должен быть современным, адаптивным, быстрым и удобным для пользователя. Вёрстка должна точно соответствовать макету, корректно отображаться на мобильных устройствах, планшетах и… HTML и CSS верстка, Создание сайта под ключ ∙ 1 день 8 часов назад ∙ 93 ставки |