Memora Cards #1 — Launching an Open Source Flashcard Tool | Build it with us!

Описание: 🚀 Запуск нового Open Source проекту Memora Cards!

У цьому стрімі представляю новий проект - Memora Cards, відкритий інструмент для створення та використання флеш-карток для вивчення англійської мови.

🎯 Що таке Memora Cards?

Open source застосунок для створення флеш-карток
Повний контроль над навчальними матеріалами
Без залежності від платних платформ
Можливість налаштування під себе
👥 Для кого цей проект?

Початківців у IT, які шукають досвід роботи в команді
Розробників, які хочують прокачати навички
Людей, які вивчають англійську мову
Всіх, хто хоче брати участь у open source проектах
🛠 Технології:

JavaScript/TypeScript
React 19
Безсерверна архітектура
📋 Що робимо в цьому відео:

Створюємо репозиторій проекту
Налаштовуємо GitHub Projects (Kanban board)
Пишемо README та документацію
Формуємо команду розробників
Плануємо перші задачі
🔗 Посилання:

GitHub репозиторій: https://github.com/leva13007/memora-c...
Discord сервер:   / discord  
💡 Як долучитися:

Заходь до Discord сервера
Напиши про свій досвід
Отримай доступ до проекту
Обирай задачі та працюй у команді!
Це пілотний проект для тих, хто хоче:
✅ Отримати досвід роботи в IT команді
✅ Навчитися працювати з Git Flow
✅ Зрозуміти процеси розробки
✅ Додати проект до резюме

🎯 Ціль: Прокачати українську айтішку та дати можливість новачкам отримати реальний досвід роботи в команді.

📅 Наступний стрім: Щотижня або по мірі прогресу проекту

00:00 — Вступ та мета проекту Memora Cards
Автор презентує проект як open-source інструмент для вивчення англійської мови, що має стати альтернативою Anki та допомогти у меморизації.
02:30 — Концепція: Симуляція реальної IT-компанії
Проект побудований як модель робочого середовища: автор виступає в ролі менеджера та тімліда, а глядачі можуть долучитися як розробники, щоб отримати реальний досвід для резюме.
06:15 — Технологічний стек: JS, TypeScript та React
Обговорення використання сучасних технологій, зокрема останніх версій React (19.2), оскільки це основний стек автора.
08:50 — Архітектура додатка: Безсерверний підхід
Планується зробити додаток повністю безсерверним, де конфігурація зберігається на клієнті, а база карток може хоститися через GitHub.
10:15 — Shadow Developing: Режим для сором'язливих
Автор пропонує формат "тіньової розробки" для тих, хто хоче практикуватися, але поки боїться публічно показувати свій код.
11:10 — Початок розробки: Scaffolding проекту
Демонстрація ініціалізації проекту з "чистого аркуша" у Visual Studio Code за допомогою терміналу та команди yarn init.
14:10 — Комунікація: Чому обрали Discord?
Пояснення переваг Discord (канали, топіки, дзвінки) над іншими месенджерами для координації команди.
17:40 — Створення README та місії проекту
Написання опису проекту за допомогою розмітки Markdown: гнучкість, контроль користувача та незалежність від платних платформ.
21:05 — GitHub Achievements та переваги контриб’юторів
Інформація про те, як участь у проекті відображається у профілі розробника на GitHub та допомагає при працевлаштуванні.
26:40 — Налаштування репозиторію та перший коміт
Створення публічного репозиторію на GitHub, налаштування .gitignore та виконання початкового коміту (initial commit).
29:55 — Канбан-дошка: Організація робочих процесів
Налаштування GitHub Project Board та пояснення структури колонок: Backlog, Ready, In Progress, Review, Done.
33:50 — Створення перших технічних завдань (Issues)
Формування конкретних тікетів: заповнення package.json, опис Git Flow та налаштування лінтерів для однаковості коду.
38:30 — Майбутні завдання: UI-вайфрейми та IndexedDB
Обговорення планів щодо створення дизайну та використання браузерного сховища для прогресу користувача.
40:40 — Кар’єрні поради: Як вписати проект у CV
Як участь у розробці може стати офіційно підтвердженим досвідом для початківців, включаючи можливість отримання характеристики.
44:15 — Філософія вибору бібліотек: Проти зайвої складності
Автор пояснює свій підхід — уникати непотрібних бібліотек, якщо вони приносять більше складності, ніж користі.
49:30 — Керування доступами та фідбек
Демонстрація того, як надавати права доступу учасникам команди та заклик до активного обговорення в Discord

#OpenSource #MemoraCards #JavaScript #React #Programming #УкраїнськаАйтішка #Навчання #Англійська