项目作者: DmitryForsilov

项目描述 :
TypeScript + React + Redux + Redux-Saga
高级语言: TypeScript
项目地址: git://github.com/DmitryForsilov/zigmund-test.git
创建时间: 2020-11-05T11:16:26Z
项目社区:https://github.com/DmitryForsilov/zigmund-test

开源协议:

下载


Zigmund Test Exercise

SPA, которое позволяет загружать данные о репозиториях выбранной компании на гитхабе.

Link to deploy

Features:

  • Валидация формы по сабмиту. Поле с именем компании обязательное. Нельзя добавить копию компании.
  • Загрузка данных о репозиториях компании. Используется github api. Во время загрузки крутится прелоадер и форма задизейблена.
  • Рендеринг списка компаний. Если список пуст, рендеринг сообщения об этом.
  • По клику на компанию - переход на страницу со списком репозиториев. Если компания не разместила репозитории на гитхабе, рендеринг сообщения об этом.
  • Пагинация на странице с репозиториями. Максимальное количество страниц - 4шт. Реализованы кнопки: “Вперед”, “Назад”, “В конец”, “В начало”.
    Также переход происходит по клику на номер страницы. Для каждого списка репозиториев сохраняется текущая активная страница пагинации.

Used in project:

  • TypeScript
  • React
  • React Bootstrap
  • Redux Toolkit
  • Redux Saga
  • Redux Forms
  • Axios
  • Lodash

Clone the project:

  1. git clone https://github.com/DmitryForsilov/zigmund-test.git

Install deps:

  1. npm i

Start:

  1. npm start

Examples of Companies you can use:

  1. Facebook
  2. Microsoft
  3. Google