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
Full-stack разработка — Amazon PPC Dashboard (Stage 1)Нужен full-stack разработчик с опытом работы с Amazon API для реализации Stage 1 внутреннего PPC-дашборда. Проект реальный, данные живые, всё готово к старту. Прототип фронтенда (5 страниц, React + TypeScript): ЧТО УЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript + Vite… Javascript и Typescript, Веб-программирование ∙ 10 часов 29 минут назад ∙ 17 ставок |
Разработка сайта-конструктора фотокниг и фоторамокЦель проекта Необходимо разработать современный веб-сайт для заказа фотокниг, фоторамок и другой персонализированной фотопродукции. Главная задача проекта — предоставить клиенту возможность самостоятельно создать готовый макет изделия непосредственно на сайте без участия… Javascript и Typescript, Веб-программирование ∙ 2 дня 2 часа назад ∙ 90 ставок |
Full-stack разработкаНужен full-stack разработчик, который свободен для дел и не захочет сразу разбогатеть на этом проекте. Это мой тестовый сайт: readyhome.ge прототип которого я хочу сделать (не имею в виду дизайн). В футере русс.яз, заполните опросник и перейдите на конфигуратор. Вот описание… Javascript и Typescript, Веб-программирование ∙ 2 дня 15 часов назад ∙ 79 ставок |
Команда для самописного маркетплейса ритуальных услуг.Ищем команду для запуска и развития самописного национального маркетплейса ритуальных услуг. Сразу: не ищем одиночек, джунов и “сборщиков сайтов”. Нужна сильная продуктовая команда уровня middle+/senior с реальными кейсами маркетплейсов/сложных SaaS. Просьба не откликаться,… Javascript и Typescript, Веб-программирование ∙ 2 дня 20 часов назад ∙ 25 ставок |
Доработка существующего Next.js/Supabase проекта: офферы, CRM, аналитика, AI-чатЕсть действующий проект WatchGenius — платформа аналитики люксовых часов с каталогом моделей, ценовой аналитикой, внешними офферами, формами заявок и AI-чатом. Проект уже разработан частично. Нужен не сайт с нуля, а опытный full-stack разработчик, который сможет разобраться в… Javascript и Typescript, Веб-программирование ∙ 4 дня 22 часа назад ∙ 55 ставок |