Архив: ReactJS NodeJS сайт на рабочей Boilerplate

Описание

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

Категория

Сайт «под ключ»