CoinRadar
CoinRadar — повнофункціональний вебзастосунок (Fullstack SPA) для відстеження інвестицій у криптовалюти. Проєкт дозволяє керувати декількома гаманцями, фіксувати транзакції купівлі/продажу активів, виконувати обміни (swap) та візуалізувати динаміку портфеля за допомогою графіків.
Технологічний стек
Frontend: React (Vite) + TypeScript — швидкий та типізований інтерфейс.
State Management: Redux Toolkit & RTK Query — ефективне керування станом та кешування даних.
Styling & UI: TailwindCSS + Framer Motion — адаптивна верстка з плавними анімаціями.
Data Visualization: Chart.js — графіки вартості та розподілу активів.
Backend: Node.js (Express) + TypeScript — масштабована серверна частина.
Database & ORM: PostgreSQL + Prisma — реляційна база даних із міграціями.
Security: JWT (access/refresh токени) + Bcrypt — безпечна авторизація та шифрування.
Validation: Zod — сувора валідація даних на рівні схем.
Основний функціонал
Авторизація: Реєстрація та вхід через email/пароль із сесіями на основі HttpOnly cookies, ротацією refresh-токенів; вхід через Google OAuth із захистом від прив'язки чужих акаунтів
Управління гаманцями: Створення кількох гаманців (наприклад, "Hot", "Cold") з ізоляцією даних між користувачами та контролем доступу
Облік транзакцій: Додавання операцій купівлі/продажу із суворою хронологічною валідацією — унеможливлює некоректні зміни в історії балансів
Swap-обміни: Атомарне виконання обмінів в одній транзакції БД із обробкою конкурентних конфліктів та логікою повторних спроб; налаштування swap per-wallet (увімкнення, список стейблкоїнів) із перевіркою на бекенді
Аналітика портфеля: Детермінована сортування транзакцій для стабільної історії та коректних графіків
Тестування та CI: Інтеграційні тести для авторизації, хронології, атомарності swap та конкурентних сценаріїв; CI-пайплайн із lint, build та тестами перед деплоєм
Адаптивний дизайн: Коректне відображення на смартфонах, планшетах і десктопах
Технологічний стек
Frontend: React (Vite) + TypeScript — швидкий та типізований інтерфейс.
State Management: Redux Toolkit & RTK Query — ефективне керування станом та кешування даних.
Styling & UI: TailwindCSS + Framer Motion — адаптивна верстка з плавними анімаціями.
Data Visualization: Chart.js — графіки вартості та розподілу активів.
Backend: Node.js (Express) + TypeScript — масштабована серверна частина.
Database & ORM: PostgreSQL + Prisma — реляційна база даних із міграціями.
Security: JWT (access/refresh токени) + Bcrypt — безпечна авторизація та шифрування.
Validation: Zod — сувора валідація даних на рівні схем.
Основний функціонал
Авторизація: Реєстрація та вхід через email/пароль із сесіями на основі HttpOnly cookies, ротацією refresh-токенів; вхід через Google OAuth із захистом від прив'язки чужих акаунтів
Управління гаманцями: Створення кількох гаманців (наприклад, "Hot", "Cold") з ізоляцією даних між користувачами та контролем доступу
Облік транзакцій: Додавання операцій купівлі/продажу із суворою хронологічною валідацією — унеможливлює некоректні зміни в історії балансів
Swap-обміни: Атомарне виконання обмінів в одній транзакції БД із обробкою конкурентних конфліктів та логікою повторних спроб; налаштування swap per-wallet (увімкнення, список стейблкоїнів) із перевіркою на бекенді
Аналітика портфеля: Детермінована сортування транзакцій для стабільної історії та коректних графіків
Тестування та CI: Інтеграційні тести для авторизації, хронології, атомарності swap та конкурентних сценаріїв; CI-пайплайн із lint, build та тестами перед деплоєм
Адаптивний дизайн: Коректне відображення на смартфонах, планшетах і десктопах