Создать пошаговую форму на React + Chakra UI + react-hook-forms
Вітання!
Необхідно зверстати «створювач» рахунків (далі «білдер»), фактично - складну покрокову форму, для проєкту Next.js + Chakra UI + react-hook-forms відповідно до Figma дизайну (в загальних рисах).
- Використовуватимуться або готові Chakra UI, або деякі вже написані кастомні компоненти (наприклад, DataPicker, базовий Input + Autocomplete).
- Дизайн буде надано в Figma. Форма має 4 кроки-сторінки з різними типами полів. Надаю скін одного з кроків - найбільш складного з-поміж усіх. Решта переважно прості input’и.
- Білдер досить окремий від решти проєкту, але деякі поля мають дропдауни з даними з бекенду (потрібен лише виклик функції - TS клієнт до бекенду уже написаний).
- Результат білдера (on submit) має бути у об’єкті визначеної форми (буде надано TS interface).
- Текст/лейбли/placeholder’и мають бути винесені до i18n файлу (просто виклик функції: «Service details» -> t('incomes.invoices.builder.step2.name‘)).
Важливе про проєкт:
- Next.js 14 (App Router) без Redux
- Chakra UI 3.0.0-next.20
- Увага: це -next версія та їх документація ще у сирому вигляді, інколи доводиться дивитися у код компонентів для прикладів
- react-hook-forms, react-table
- next-intl
- REST backend
Ідеальний кандидат/-тка буде:
- Готовий/-а працювати у режимі пул-реквестів у проєкті на GitHub та враховувати зворотній зв’язок.
- Приділяти увагу якості коду та відповідності його загальній структурі проєкту.
- Враховувати нинішню структуру проєкту, загальні конвенції, не використовувати кардинально нові бібліотеки і т.д.
- Вітається посилання на профіль GitHub з прикладами робіт або contributions.
Після завершення цього конкретного завдання можна розглянути тривалу співпрацю. Знання (чи навіть просто бажання розібратися) просунутих концептів як от SSR/RSC/Server Actions/Dynamic Routes/Parallel Routes/Slots і т.д. вітається.
Якщо така співпраця цікавить, у пропозиції (ставці) прошу вказати ваш досвід з Next.js та концептуально (коротко 2-3 речення, без коду), а також описати як б ви вирішили проблему виконання фронтендом на Next.js запитів по дані зі стороннього серверу, який вимагає API KEY для авторизації у запиті, так, щоб цей API KEY ніколи не був доступний / переданий у браузері користувача? Яким чином реалізувати у запропонованому рішенні фільтрування даних відповідно до запиту користувача?
Приложения 1
-
890 6 0 Здравствуйте,
* По технологиям, которые вы написали: у меня есть опыт со всем, кроме react-table.
* Скриншот не выглядит сложным. Можно всё сделать. Только десктопная версия? На скриншоте есть кнопка "добавить элемент услуги", но нет "удалить" ;)
* По требованиям из секции "Идеальный кандидат/-ка будет": там всё ок. За возможность получить фидбек надо благодарить.
https://github.com/ZuBB
Было несколько проектов на базе next. 2 больших/сложных. Остальные простенькие. В сумме где-то 2.5 года.
…
По вашему вопросу: если для запроса нужен токен, значит запрос надо делать на бэке. Тем более что 3rd party service может иметь ограничения по cors. Судя по тому, что пользователь может ещё дополнительно "фильтровать" результаты запросов, значит это будет происходить уже по загрузке страницы, так что выход один - API Routes в нексте.
-
1447 20 1 Добрый вечер,
Я - опытный разработчик Next.js с опытом более 4 лет, с впечатляющим портфолио и желанием достигать качественных результатов быстро и точно. Я ознакомился с вашим заданием и могу его качественно и быстро выполнить, так как меня интересует долгосрочное сотрудничество и исследование нового функционала в Next.js. Проблему можно решить, если сделать запрос к бэкенд части Next.js (fullstack фреймворк), и уже на бэке взять API ключ из .env (желательно это сделать) и сделать запрос на второй сервер. Это можно реализовать через создание бэкенд эндпоинта на Next.js или написанием серверной функции.
Портфолио
Freelancehunt
Я предлагаю полный спектр услуг, чтобы ваш проект стал успешным и легким в дальнейшем развитии. Моя задача – обеспечить качественную разработку, которая не только выполнит ваши требования, но и превзойдет ожидания. Я занимаюсь всем: от разработки, тестирования до деплоя всех необходимых компонентов. Вы получите готовый проект "под ключ", и вам не нужно будет искать дополнительных специалистов.
… Кроме того, я предоставляю полную поддержку на каждом этапе. Вместе с вами мы обсудим все важные моменты, я помогу продумать логику и функциональность вашего проекта, чтобы он был удобным и интуитивно понятным для пользователя.
Сотрудничая со мной, вы получаете не только разработчика, но и надежного партнера, который заинтересован в вашем успехе. Готовы создать что-то особенное вместе? Давайте обсудим ваш проект подробнее!
Моя задача - обеспечить надежную поддержку на протяжении всего проекта и после его завершения. Не сомневайтесь, что я всегда на связи, готов ответить на ваши вопросы и решить любые задачи в реальном времени.
Я открыт для новых захватывающих проектов и готов внести свой вклад в их успешное воплощение. С нетерпением жду возможности обсудить детали и начать сотрудничество.
-
285 Добрый день. Задача понятна. Работаю с next.js, в формах использовал shadcn/cli, react-hook-forms и много другого.
-
31 Добрый день!
Меня зовут Андрей. Очень заинтересовал ваш проект, готов его выполнить. В ЛС могу отправить списки моих работ и резюме.
-
15075 32 0 1 Добрый день!
Меня зовут Валентин, и я представляю Arctic Web Agency. Мы - команда опытных веб-разработчиков, которые специализируются на создании современных и эффективных веб-решений для бизнеса. В личные сообщения смогу предоставить примеры наших похожих работ. Готовы взять ваш проект в работу!
С уважением
Arctic Web Team
Freelancehunt
-
530 4 0 Привет!
Очень заинтересовал Ваш проект. Готов помочь. 4 года опыта с Next.js
Мой GitHub: https://github.com/virus231
Linkedin: https://www.linkedin.com/in/vladyslav-prodan-4865891a0/
Рейт за час: 450грн.
Мои работы:
1. https://churchonline.com.ua/
… 2. https://app.dovira.uk/en/videos/military
3. https://talentvisa.co.uk/
4. https://numfin.com/
1. Использование серверных функций/actions Next.js
2. Фильтрация данных на сервере. Фильтрацию можно выполнить в server actions. Добавить store для этих фильтров, а потом передавать их в API.
Обращайтесь!
-
9030 69 0 Добрый день.
Начинал работать с некстом 3 года назад, с 12 версии, сейчас улучшаю свои знания с 14 версией.
В идеале было бы также использовать tailwinds - поможет быстрее разработать верстку.
1) использование серверных компонентов
2) передаем фильтры в query, дальше через пропс(params) достаем эти значения и вызываем апишку с этими значениями
Актуальные фриланс-проекты в категории Javascript и Typescript
Разработка платформы AM Mobility (автосервис, парковка, страхование, аренда автомобилей)
259 176 UAH
Ищем команду или опытного Full Stack разработчика для создания MVP платформы AM Mobility. AM Mobility — это единая цифровая экосистема для автомобилистов, объединяющая в одном приложении и веб-платформе: парковку; автосервис; шиномонтаж; автомойку; аренду автомобилей;… Javascript и Typescript, Веб-программирование ∙ 2 дня 9 часов назад ∙ 101 ставка |
Gsap анимации
1000 UAH
Добрый день. Нужно внести правки в текущем проекте. Нужен специалист, который хорошо работает на gsap/lenis Нужно сделать анимацию карточек. Подробное ТЗ здесь: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Нужно… Javascript и Typescript, Веб-программирование ∙ 2 дня 15 часов назад ∙ 21 ставка |
Коммерческая on-premise платформа видеосвязи «ViM»Требуется разработать on-premise систему видеосвязи с базовым расчетом на 100 одновременных подключений (10 изолированных комнат по 10 человек). Платформа должна иметь заложенную архитектуру для будущего горизонтального масштабирования до 1000 пользователей путем добавления… Javascript и Typescript, Веб-программирование ∙ 3 дня 10 часов назад ∙ 32 ставки |
Ищу наставника по Claude Code для запуска веб-проекта с нуля**Кратко о задаче:** Я новичок без опыта в программировании. Есть готовое ТЗ на разработку сайта (42 страницы, Next.js, PostgreSQL). Хочу реализовать его самостоятельно с помощью Claude Code - нужен специалист, который настроит среду и научит меня работать с инструментом. ---… Javascript и Typescript, Обучение ∙ 4 дня 14 часов назад ∙ 18 ставок |
Обновление дизайна на сайтеНужно обновить дизайн существующего сайта используя HTML, CSS, JS: освежить внешний вид, сделать его современным и адаптивным под мобильные устройства. Требуется добавить плавные анимации и интерактивные элементы . HTML и CSS верстка, Javascript и Typescript ∙ 5 дней 7 часов назад ∙ 90 ставок |