Есть рабочая 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 запросы из фронтенда.
