nKolmykov Lore

Open-source проект для подготовки к техническим собеседованиям по фронтенду и не только.

О проекте

nKolmykov Lore — это коллекция актуальных вопросов, развернутых ответов и практических заданий по современным веб-технологиям. Проект создан для помощи разработчикам в подготовке к собеседованиям, а также для систематизации знаний.

Основные разделы

• Главная страница — приветствие, статистика, быстрый доступ к квизу, анонсы новых тем и улучшений, примеры заданий.
• Обо мне — информация об авторе, навыках, технологическом стеке и контактах.
• Квиз — интерактивный раздел с вопросами по JavaScript, TypeScript, CSS, HTML, React, Next.js и другим технологиям. Вопросы сгруппированы по темам, есть история ответов и фильтрация.

Структура проекта

• app/ — страницы приложения (Next.js App Router)
• src/shared/ui/sections/ — секции для главной и других страниц (Hero, Stats, Quiz, Pull, CodeExamples, AboutMe, MySkills, MyStack, ContactMe и др.)
• src/features/quiz/ — вся логика и UI квиза: вопросы, фильтры, состояние, навигация, статистика, мок-данные
• public/ — стили, шрифты, изображения, SVG-иконки

Технологии

• Next.js 15 (App Router)
• React 19
• TypeScript
• SCSS (модули, структура по секциям)
• React Toastify (уведомления)
• Custom Icons (SVG)

Быстрый старт

1. Установите зависимости:

   npm install

2. Запустите проект в режиме разработки:

   npm run dev

3. Откройте http://localhost:3000

Скрипты

• npm run dev — запуск в режиме разработки
• npm run build — сборка приложения
• npm run start — запуск production-сборки
• npm run lint — проверка кода линтером
• npm run stylelint — проверка стилей
• npm run icons — генерация иконок

Контакты

• Telegram: @closer2death
• LinkedIn: Nikolay Kolmykov
• GitHub: w3di
• Email: koliakolmikov@gmail.com

---

Проект развивается и открыт для ваших идей и pull request'ов!

TODO / Планы развития

• 🌏 Глобальные

  • Backend — разработать серверную часть для хранения и управления вопросами, пользователями и результатами квизов.
  • Перевод на английский — сделать проект доступным на английском языке.

• 🤖 AI-фичи

  • Генерация новых вопросов с помощью AI — добавить возможность создавать вопросы автоматически с помощью искусственного интеллекта.
  • Голосовой ввод для ответа с анализом (AI) — реализовать возможность отвечать на вопросы голосом и анализировать корректность ответа с помощью искусственного интеллекта.
  • Письменный ввод для ответа с анализом (AI) — добавить поле для ручного ввода ответа и автоматическую проверку/анализ введённого текста с помощью искусственного интеллекта.

• 🆕 Новые страницы

  • Личный кабинет — реализовать профиль пользователя с историей прохождения квизов и настройками.
  • Разделы с теорией (база знаний) — реализовать отдельные страницы с теоретическими материалами и статьями для углубленного изучения тем.
  • Добавить задачки — внедрить интерактивные или письменные задачи для самостоятельной практики.
  • Блок с книгами — создать подборку рекомендуемой литературы для изучения и развития, а также добавить краткую сводку по каждой книге.
  • Страница с итогами квиза — реализовать страницу с результатами, где отображаются вопросы, на которые пользователь не ответил или ответил неправильно.

• ✨ Улучшения существующего

  • Больше вопросов — расширить базу вопросов по разным темам.
  • Настройка ESLint — настроить ESLint для улучшения качества кода и соблюдения стандартов.