JS Mini Projects 🚀

Учебная коллекция мини-проектов на чистом JavaScript для практики работы с DOM, событиями и основными концепциями языка.

---

Список проектов

№	Проект	Описание	Ссылка
1	Простой счетчик	Простой счетчик ++i и --i	Ссылка
2	Светофор	Переключается свет по нажатию кнопки или через промежуток времени	Ссылка
3	Генератор случайных чисел	Генерация случайного целого числа между двумя задаными	Ссылка
4	TODO List	Список задач с возможностями добавления, редактирования, удаления	Ссылка
5	Timer	Таймер для засекания времени и обратного отсчета	Ссылка
6	Quiz	Квиз	Ссылка
7	Weather app	приложение для поиска погоды	Ссылка
	... больше в процессе!

---

Цель репозитория

Этот репозиторий создан для:

• Практики основ JavaScript (ES6+).
• Изучения работы с DOM (создание, изменение, удаление элементов).
• Обработки событий (клики, ввод, таймеры и т.д.).
• Создания простых и интерактивных веб-интерфейсов.
• Систематизации учебных проектов в одном месте.

---

Технологии

• HTML5
• CSS3 (Flexbox, Grid, анимации)
• Vanilla JavaScript (нативный JS без фреймворков)

---

Как использовать локально?

1. Склонируйте репозиторий:

   git clone https://github.com/your-username/js-mini-projects.git

2. Перейдите в папку проекта:

   cd js-mini-projects

3. Откройте файл index.html в вашем браузере, чтобы увидеть список всех проектов.
4. Переходите по ссылкам к конкретным проектам и изучайте их код.

---

🗂️ Структура репозитория

js-mini-projects/
│
├── 📄 index.html          # Главная страница со списком всех проектов
├── 🎨 style.css           # Общие стили для главной страницы
├── 📖 README.md           # Этот файл
│
└── 📁 projects/           # Папка со всеми проектами
    │
    ├── 📁 counter/        # Проект 1: Счётчик
    │   ├── 📄 index.html
    │   ├── 🎨 style.css
    │   └── ⚙️ script.js
    │
    ├── 📁 traffic-light/  # Проект 2: Светофор
    │   ├── 📄 index.html
    │   ├── 🎨 style.css
    │   └── ⚙️ script.js
    │
    ├── 📁 todo-list/      # Проект 3: Список дел
    │   ├── 📄 index.html
    │   ├── 🎨 style.css
    │   └── ⚙️ script.js
    │
    └── ...                # Папки для будущих проектов

---

Как добавить новый проект?

1. Создайте новую папку внутри директории projects/ (например, calculator).
2. Внутри этой папки создайте стандартные файлы: index.html, style.css, script.js.
3. Реализуйте функционал вашего мини-проекта.
4. Не забудьте добавить ссылку на ваш новый проект в общий список на главной странице (index.html в корне) и в этот README.md.

---

Лицензия

Этот репозиторий предназначен для учебных целей. Используйте код свободно.