ReactJS NodeJS сайт на рабочей Boilerplate
4245 UAHЕсть рабочая Boilerplate с фронт-ендом на React и бэк-эндом на NodeJS, связанной с PostgreSQL через библиотеку Sequelize. Есть рабочий пример создания таблицы, добавления в бд пользователя при регистрации и проверки из бд при логине. Сделано через Redux.
Boilerplate устанавливается за 7 команд в терминале.
Визуализация всего что нужно сделать в приложенных скриншотах.
В тексте:
Что нужно сделать по фронт-енду:
1. Сделать навигацию сверху как на первом скрине, при переходе из одной вкладки в другую реализован анимированный переход. Так же есть второй уровень навигации, он расположен ниже (как на скриншотах), но второй уровень есть только у 1st Page и 3rd Page.
2. 1st Page => 1.1st Page: Достать данные из Table’1’ и вставить их в сортирующуюся таблицу Grid’1’ как на скриншоте. Последний столбец каждой строки должен быть графиком, который показывает отношение ‘Price’ из Table’1’ в течение всего времени существования элемента в бд (как на главной https://coinmarketcap.com/ ).
3. 1st Page => 1.2nd Page : Пустой экран
4. 2nd Page => Нужно достать поле LINKS из таблицы Table’1’ где INDEX - рандомное число,(<=Table’1’.length), так же достать поле VotedIndexes из таблицы UserVoted и сделать слайдер из 3х Instagram виджетов (ссылки на посты берутся из массива Links). С правой стороны слайдера: 1) скроллящийся тумблер, onScrollChangeEnd=> { UPDATE поле price из таблицы Table 1 значением (prevValue + selectedValue(снять с тумблера) ) далее RENDER следующих LINKS из Table’1’ on the slider } , а потом добавляет текущий рандомный индекс из Table’1’ в таблицу UserVoted 2) Кнопка, которая добавляет текущий рандомный индекс из Table’1’ в UserFavs таблицу
5. 3rd Page => Пустой экран
По бэкенду:
1. У нас есть рабочий образец входа и регистрации через Redux. Есть кнопка, которая выполняет вход через Вконтакте, нужно привязать её к Redux и таблице User.
2. Если юзер не зарегистрирован - не показывать вторую страницу
3. Реализовать все SQL запросы из фронтенда.
Додатки 4
-
124 Добрый день. По задачам есть ряд вопросов, нужно дополнительно обсудить. И желательно увидеть код "boilerplate" вашего. Но в целом я готов взяться за их выполнение.
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Розробка повного стеку — Панель управління Amazon PPC (Етап 1)Потрібен full-stack розробник з досвідом роботи з Amazon API для реалізації Stage 1 внутрішнього PPC-дашборда. Проект реальний, дані живі, все готово до старту. Прототип фронтенда (5 сторінок, React + TypeScript): ЩО ВЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript +… Javascript та Typescript, Веб-програмування ∙ 1 день 12 годин тому ∙ 26 ставок |
Розробка сайту-конструктора фотокниг і фоторамокМета проекту Необхідно розробити сучасний веб-сайт для замовлення фотокниг, фоторамок та іншої персоналізованої фотопродукції. Головне завдання проекту — надати клієнту можливість самостійно створити готовий макет виробу без участі дизайнера безпосередньо на сайті.Основний… Javascript та Typescript, Веб-програмування ∙ 3 дні 4 години тому ∙ 96 ставок |
Команда для самописного маркетплейса ритуальних послуг.Шукаємо команду для запуску та розвитку самописного національного маркетплейсу ритуальних послуг. Одразу: не шукаємо одиночок, джунів і “збирачів сайтів”. Потрібна сильна продуктова команда рівня middle+/senior з реальними кейсами маркетплейсів/складних SaaS. Прошу не… Javascript та Typescript, Веб-програмування ∙ 3 дні 22 години тому ∙ 27 ставок |
Доопрацювання існуючого проекту Next.js/Supabase: оффери, CRM, аналітика, AI-чатЄ діючий проект WatchGenius — платформа аналітики люксових годинників з каталогом моделей, ціновою аналітикою, зовнішніми офферами, формами заявок та AI-чатом. Проект вже частково розроблений. Потрібен не сайт з нуля, а досвідчений full-stack розробник, який зможе розібратися в… Javascript та Typescript, Веб-програмування ∙ 6 днів тому ∙ 55 ставок |
Шукаю Senior Full-Stack розробника (Payload CMS) — міграція 2 сайтів готельної мережіМережа курортних готелів переходить з Webflow на власний headless-стек. Два корпоративні сайти (~140 сторінок разом), multi-tenant архітектура — один код обслуговує кілька готелів на різних доменах. Проєкт уже стартував: інфраструктура розгорнута, tenants налаштовані, базові… CMS, Javascript та Typescript ∙ 9 днів 21 година тому ∙ 19 ставок |