ru24.pro
Все новости
Ноябрь
2024

Перенести react-фронтенд на продакшен

0
Насыщенный, нестандартный проект, который не стыдно будет разместить в портфолио

# О проекте
Планомер — SaaS веб-приложение для планирования и отслеживания работ на стройке. Через веб-интерфейс инженер создаёт объект с набором работ, а прорабы вносят факт выполнения и даты завершения работ в единую базу. Работать будет с мобильного телефона через браузер. Ключевая особенность — визуализация работ в виде «шахматок» (интерактивных таблиц). Поэтому очень важна качественная вёрстка, на неё упор.

# Что уже есть
Есть готовая вёрстка фронтенда на next.js в отдельном репозитории. Фронт я верстал сам с помощью ИИ Cursor. Старался сохранять единообразие элементов, но всё равно есть разрозненность по стилям.
Существующий макет: https://planomer-chessmates-dhnyny1rb-simon100500s-projects.vercel.app/chessboard-4

На данном этапе нужно перенести раздел Шахматка, пока пишется бекенд. И совместно с бекендером подготовить фронт для работы. На проекте уже готовы и работают разделы «Настройки объекта» и «Команда».

# Что нужно
Вам нужно аккуратно по частям перенести вёрстку из фронт-репозитория (макета) в основной монорепозиторий. Параллельно нужно приводить элементы к единому стилю. Нужно чувство красоты в рамках выбранного NextUI-кита. Параллельно проверять адаптивность вёрстки и тёмную тему.

# Команда
На проекте есть бекендер, который уже переносил первые разделы самостоятельно. Чтобы ускорить разработку, решили расширить команду. Бекендер сможет полностью ввести вас в курс дела и будет выполнять функцию тимлида.
Дизайнера на проекте нет.

# Стек
Docker-монорепозиторий
Фронт: react next.js, tailwind, NextUI, typescript
Бэк: nest.js

# Условия работы
Ваше преимущество — опыт создания таск-трекеров или CRM-систем с мелкими элементами. В отклике присылайте примеры работ + примерную оценку в часах: сколько займёт перенести этап Шахматка.
Важно уметь работать в команде и с git.
Я автор проекта и полностью понимаю, как он должен работать. Есть обширный роадмап.
Если по этапу «Шахматка» у нас с вами всё получится успешно, наметим дальнейшие этапы.

Подробности в заметке
https://buildin.ai/volobuev/share/942e10c3-c6d7-47...

Дмитрий Волобуев