/test-swapi

Primary LanguageTypeScript

Тестовое задание про Swapi

Используя Star Wars API необходимо создать небольшое приложение с информационными карточками персонажей.

Примерный макет приложения.

Приложение должно содержать 3 страницы:

  • Главная: страница содержит приветствие пользователя, навигационное меню (активная в данный момент страница в меню должна быть подсвечена), кнопку перехода к странице с карточками персонажей.
  • Страница с карточками о персонажах.
  • Страница с ошибкой 404.

(остальное в task.md)

  • Компонент карточки должен быть протестирован. В CharacterProfile.test.tsx

Технологии

Для решения используется следющее:

  • [React]
  • [Typescript]
  • [emotion]

Установка

Можно быстро установить и запустить через

make first-start

Установка:

make install

или

npm i

Запуск:

make dev

или

npm run dev

http://localhost:3000

Тесты

Линтер

make lint

или

npm run lint

Тесты

make test

или

npm run test

Демо

Здесь, тык

image