README in English

Проект представляет из себя многостраничный сайт, предоставляющий информацию о странах. Выполнен в рамках задания с сайта Frontend Mentor. Информация о странах предоставляется REST Countries API.

• Обзор проекта
  • Задачи проекта
  • Функциональность проекта
  • Screenshot
  • Директории проекта
  • Запуск проекта
  • Ссылки
• Ход выполнения проекта
  • Используемые технологии
  • Чему я научился работая над проектом
• Автор

Предоставить пользователям информацию о странах, их столицах, языках, валюте, населении, границах.

• Просмотр краткой информации о всех странах на главной странице
• Поиск страны по названию
• Фильтрация стран по региону
• Просмотр детальной информации о стране на отдельной странице
• Переход к приграничной стране через ссылки на странице детального просмотра
• Изменение цветовой схемы между светлой и тёмной темами

• 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: [email protected]
• LinkedIn: in/danila-legkobytov
• Telegram: @danila_legkobytov
• Frontend Mentor: @danila_legkobytov