Проект представляет из себя SPA, предоставляющий информацию о странах, с возможностью их поиска, и страницей детальной информации о стране. Информация о странах предоставляется REST Countries API.
Предоставить пользователям информацию о странах, их столицах, языках, валюте, населении, границах.
- Просмотр краткой информации о всех странах на главной странице
- Поиск страны по названию
- Фильтрация стран по региону
- Просмотр детальной информации о стране на отдельной странице
- Переход к приграничной стране через ссылки на странице детального просмотра
- Изменение цветовой схемы между светлой и тёмной темами
src/assets— директория со статичными файламиsrc/components— директория с компонентамиsrc/pages— директория с компонентами страницsrc/store— директория с файлами Reduxsrc/styles— директория с глобальными стилями и темамиsrc/UI— директория с компонентами UIsrc/utils— директория со вспомогательными утилитами
npm start- режим разработки с запуском локального сервераnpm run build- режим сборки проекта в продакшнnpm run test- запуск в режиме тестированияnpm run eject- режим извлечения конфигов CRAnpm run lint- запускает линтерnpm run lint:fix- запускает линтер, в режиме устранения мелких замечанийnpm run format- запуск форматера кодаnpm run prepare- подготавливает Husky к работе, запускается единожды при старте проектаnpm run commit- запускает commitizen для коммитаnpm run storybook- запускает Storybook в режиме разработкиnpm run build-storybook- запускает Storybook в режиме продакшн
- HTML
- SCSS
- JS
- React
- React Router
- Redux
- Redux Toolkit
- Redux Persist
- Styled components
- Axios
- react-helmet-async
- Storybook
- Адаптивная вёрстка
- Семантическая вёрстка
Данила Легкобытов
- e-mail: [email protected]
- LinkedIn: in/danila-legkobytov
- Telegram: @danila_legkobytov
- Frontend Mentor: @danila_legkobytov