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
-
104 Добрый день. По задачам есть ряд вопросов, нужно дополнительно обсудить. И желательно увидеть код "boilerplate" вашего. Но в целом я готов взяться за их выполнение.
Актуальные фриланс-проекты в категории Javascript и Typescript
Ищу опытного Full Stack разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 2 дня 5 часов назад ∙ 85 ставок |
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдераОписание объекта:Проект представляет собой дизайнерский стол, выполненный в форме реалистичного, глубокого водоворота (центральная воронка, которая плавно переходит из широкой горизонтальной столешницы в тонкую изящную ножку). Суть задачи:Требуется WebGL / Creative Coding… Javascript и Typescript, Веб-программирование ∙ 3 дня 1 час назад ∙ 30 ставок |
Поддержка и развитие сайта клининговой компании
906 UAH
Ищу веб-разработчика / веб-мастера для долгосрочной поддержки и развития сайта клининговой компании. Сайт: https://donely.ca О проекте DoneLy Home Services — компания по предоставлению услуг уборки в Канаде, которая активно развивается и расширяет географию работы. Ищу… Javascript и Typescript, Веб-программирование ∙ 5 дней 3 часа назад ∙ 64 ставки |
Разработка сайта по ТЗ на FramerНеобходимо сделать сайт по этим параметрам, что в ТЗ https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Назовите реальный рейд на основе этого дизайна HTML и CSS верстка, Javascript и Typescript ∙ 6 дней 4 часа назад ∙ 29 ставок |
Разработка интерактивной карты Palworld для сайтаНеобходимо разработать интерактивную карту Palworld по примеру: https://palworld.gg/map Нам нужна не просто статическая картинка, а полноценная интерактивная карта, где пользователь может смотреть локации, включать / выключать категории объектов, искать нужные точки и… HTML и CSS верстка, Javascript и Typescript ∙ 7 дней 19 часов назад ∙ 36 ставок |