Используемые библиотеки и технологии

• React
• Typescript
• Redux Toolkit
• React Router
• React Select
• Vite
• SCSS/CSS Modules
• ESLint/Prettier
• Feature Sliced Design

Хорошие практики написания кода:

Придерживался соглашений по именованию переменных и компонентов, используя camelCase для переменных и PascalCase для компонентов. Разделил код на маленькие и независимые компоненты, что сделало его более читаемым и поддерживаемым.

Масштабируемость:

Организовал компоненты так, чтобы их можно было легко расширить в будущем. Каждый компонент выполняет конкретную задачу и может быть использован повторно в других частях проекта. Использовали менеджер состояния (Redux) для управления состоянием приложения, что облегчило добавление новых функций и поддержку при росте проекта. Применил архитектуру Feature Sliced Design для упрощения разделения кода на маленькие и независимые компоненты.

Надежность:

обработал возможные ошибки при запросах к API Coinbase, чтобы обеспечить стабильную работу приложения при непредвиденных ситуациях. Добавили проверки на наличие данных перед их использованием, чтобы избежать ошибок. Использовал TypeScript для типизации и ограничения возможных ошибок.

Вспомогательные утилиты, библиотеки и технологии:

Использовал библиотеку RTK Query для выполнения HTTP-запросов к API Coinbase. React-Select для выбора валюты. React-Router для определения маршрута приложения. clsx для удобного создания CSS-классов. Vite для быстрой сборки проекта.

Другие техники:

Применил SCSS для стилизации компонентов в соответствии с макетом. Организовали проект так, чтобы каждая часть выполняла свою функцию и могла быть переиспользована в других проектах. Применил ESLint для проверки кода и Prettier для форматирования.

Впечатления от задачи

Было интересно выполнить что-то нестандартное + познакомился с FSD

Затраченное время

3 рабочих дня