Вебзастосунок для персоналізованого збереження фото
Це вебзастосунок, реалізований на основі компонентної архітектури з використанням React, TypeScript, SCSS, DI (ін'єкція залежностей), Event Bus, та LocalStorage. Його метою є забезпечення модульного, гнучкого та розширюваного фронтенд-рішення з чистим кодом і масштабованою структурою.
- Компонентна архітектура (React + TSX)
- Власний DI контейнер для клієнтської частини
- Event Bus для взаємодії між компонентами
- Стилізація через SCSS з використанням вкладень, міксинів і змінних
- Кешування даних через LocalStorage/SessionStorage
- Обробка подій браузера (resize, scroll, popstate)
- Повна типізація через TypeScript
У каталозі проєкту виконайте наступні команди:
git clone https://github.com/MrJamer/remote-gallery-frontend.git
cd 'your-project'npm installЦя команда прочитає package.json, встановить усі зазначені залежності до папки node_modules, яка використовується для запуску та білду проєкту.
npm run dev