Проект представляет из себя многостраничный сайт, предоставляющий информацию о странах. Выполнен в рамках задания с сайта Frontend Mentor. Информация о странах предоставляется REST Countries API.
Предоставить пользователям информацию о странах, их столицах, языках, валюте, населении, границах.
- Просмотр краткой информации о всех странах на главной странице
- Поиск страны по названию
- Фильтрация стран по региону
- Просмотр детальной информации о стране на отдельной странице
- Переход к приграничной стране через ссылки на странице детального просмотра
- Изменение цветовой схемы между светлой и тёмной темами
src/assets
— директория со статичными файламиsrc/components
— директория с компонентамиsrc/lib
— директория с файлами библиотекsrc/pages
— директория с корневыми файлами страницsrc/utils
— директория со вспомогательными утилитами
npm run build
— запуск проекта в режиме продакшнnpm run dev
— запуск проекта в режиме разработки (без запуска webpack-dev-server)npm start
— запуск проекта в режиме разработки
- HTML
- SCSS
- JS
- React
- React Router
- react-helmet-async
- Адаптивная вёрстка
- Семантическая вёрстка
- Работе с доступностью приложения и управлению элементами страницы с помощью клавиатуры
- Работе со стилями с помощью SCSS
- Организации поиска и фильтрации контента
- Работе с различными типа данных получаемых от REST API, и их обработке
- Работе с заголовками страниц и метаданными, в рамках SPA построенного на React
Данила Легкобытов
- e-mail: legkobytov-danila@yandex.ru
- LinkedIn: in/danila-legkobytov
- Telegram: @danila_legkobytov
- Frontend Mentor: @danila_legkobytov