OmmaTracker — це онлайн-трекер завдань, створений для зручного управління робочими процесами з використанням сучасних технологій.

У проєкті я використав стек PERN (PostgreSQL, Express.js, React, Node.js). Для стилізації клієнта застосував препроцесор SCSS та Tailwind CSS для деяких модулів. Основу фронтенду побудував на React з використанням Redux Toolkit (RTK) для управління станом. Для HTTP-запитів застосував axios з базовими налаштуваннями.

Сервер написаний на TypeScript з використанням Node.js та фреймворку Express.js. Для бази даних використав PostgreSQL. Безпеку забезпечив через хешування паролів за допомогою bcrypt та реалізував два види токенів — JWT і OAuth 2.0. Для реалтайм-повідомлень інтегрував socket.io.

Я розробив додаток повністю самостійно — від дизайну до публікації, включно з клієнтом і сервером.

Найскладнішим було налаштування публікації та інтеграція сокетів у правильну архітектуру проєкту. Завдяки цьому я покращив структуру додатку і зробив її більш масштабованою.

Сайт вже опублікований і стабільно працює . Цей проєкт дав мені цінний досвід у повному циклі розробки веб-застосунку.

Код клієнту - https://github.com/DequElite/OmmaTracker.fullcoded
Код серверу - https://github.com/DequElite/api.OmmaTracker.fullcoded

Мікросервісна архітектура - https://github.com/DequElite/OmmaTracker.fullcoded

omma-trackerfullcoded.vercel.app
OmmaTracker изображение 1

OmmaTracker изображение 2

OmmaTracker изображение 3

OmmaTracker изображение 4

OmmaTracker изображение 5

OmmaTracker изображение 6

Робота додана: 20.05.25

Вгору