🐣

Author: Keks

.editorconfig

@@ -0,0 +1,20 @@
+# Файл с настройками для редактора.
+#
+# Если вы разрабатываете в редакторе WebStorm, BBEdit, Coda или SourceLair
+# этот файл уже поддерживается и не нужно производить никаких дополнительных
+# действий.
+#
+# Если вы ведёте разработку в другом редакторе, зайдите
+# на http://editorconfig.org и в разделе «Download a Plugin»
+# скачайте дополнение для вашего редактора.
+
+
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+trim_trailing_whitespace = true
+insert_final_newline = true

.eslintignore

@@ -0,0 +1,2 @@
+webpack.config.js
+vendor/

.eslintrc

@@ -0,0 +1,16 @@
+root: true
+
+parserOptions:
+  ecmaVersion: 2022
+  sourceType: "module"
+
+env:
+  es2022: true
+  browser: true
+
+globals:
+  noUiSlider: readonly
+  Pristine: readonly
+
+extends:
+  "htmlacademy/vanilla"

.gitattributes

@@ -0,0 +1,5 @@
+* text eol=lf
+*.jpg -text
+*.png -text
+*.gif -text
+*.mp4 -text

.github/workflows/check.yml

@@ -0,0 +1,28 @@
+on:
+  push:
+    branches:
+      - master
+  pull_request:
+    branches: '*'
+
+name: Project check
+jobs:
+  check:
+    name: Check
+    runs-on: ubuntu-latest
+    steps:
+    - name: Set up Node.js
+      uses: actions/setup-node@v1
+      with:
+        node-version: '16'
+
+    - uses: actions/checkout@master
+      name: Checkout
+
+    - name: Install dependencies
+      run: |
+        npm install
+
+    - name: Run checks
+      run: |
+        npm run lint

.gitignore

@@ -0,0 +1,12 @@
+.DS_Store
+.idea
+*.ai
+*.log
+*.pdf
+*.psd
+*.sublime*
+build/
+node_modules/
+npm-debug.log*
+Thumbs.db
+.vscode/

Contributing.md

@@ -0,0 +1,42 @@
+# Как работать с Git на проекте
+
+Поддерживайте ваш репозиторий обновлённым. Когда наставник принимает ваш пулреквест, он попадает в репозиторий Академии, но не в ваш форк.
+
+#### 1. Не коммитьте ничего самостоятельно в `master` вашего репозитория
+
+Это помешает вам аккуратно обновлять ваш репозиторий, могут возникнуть конфликты.
+
+#### 2. Прежде чем приступать к новому заданию, обновите `master`
+
+Обновить свой репозиторий из репозитория Академии можно так:
+
+```
+# В вашей локальной копии переключитесь в ветку master
+git checkout master
+
+# Заберите изменения из репозитория Академии¹
+git pull academy master
+
+# Отправьте изменения в ваш форк на Гитхабе
+git push
+```
+
+¹ В `academy` должна быть ссылка на репозиторий Академии. Если его там нет, добавьте:
+
+```
+git remote add academy [email protected]:htmlacademy-javascript/1446929-kekstagram-2.git
+```
+
+Когда вы обновили `master`, создайте ветку для нового задания:
+
+```
+git checkout -b module2-task1
+```
+
+`module2-task1` — это название ветки. Под описанием каждого задания в интерфейсе интенсива для вас будет указано правильное название ветки.
+
+---
+
+#### Есть вопрос?
+
+Посмотрите [коллекцию часто задаваемых вопросов по Git](http://firstaidgit.ru).

Readme.md

@@ -0,0 +1,51 @@
+# Личный проект «Кекстаграм»
+
+* Студент: [Наталья Ким](https://up.htmlacademy.ru/javascript-individual/2/user/1446929).
+* Наставник: `Неизвестно`.
+
+---
+
+_Не удаляйте и не изменяйте самовольно файлы и папки:_
+_`.editorconfig`, `.eslintrc`, `.gitattributes`, `.gitignore`, `package-lock.json`, `package.json`., `.github`_
+
+---
+
+[Как работать с Git на проекте](Contributing.md) | [Как работать над проектом](Workflow.md)
+
+### Памятка
+
+#### 1. Зарегистрируйтесь на Гитхабе
+
+Если у вас ещё нет аккаунта на [github.com](https://github.com/join), скорее зарегистрируйтесь.
+
+#### 2. Создайте форк
+
+Откройте репозиторий и нажмите кнопку «Fork» в правом верхнем углу. Репозиторий из Академии будет скопирован в ваш аккаунт.
+
+<img width="769" alt="" src="https://user-images.githubusercontent.com/10909/35275222-1d624452-0050-11e8-8aca-06d2832724ce.png">
+
+Получится вот так:
+
+<img width="769" alt="" src="https://user-images.githubusercontent.com/10909/35275223-1d7cf9fa-0050-11e8-829b-98ac3c9a4f8b.png">
+
+#### 3. Клонируйте репозиторий на свой компьютер
+
+Будьте внимательны: нужно клонировать свой репозиторий (форк), а не репозиторий Академии. Также обратите внимание, что клонировать репозиторий нужно через SSH, а не через HTTPS. Нажмите зелёную кнопку в правой части экрана, чтобы скопировать SSH-адрес вашего репозитория:
+
+<img width="769" alt="" src="https://user-images.githubusercontent.com/10909/35275224-1d97a7dc-0050-11e8-89f9-41c9a7b2ae9c.png">
+
+Клонировать репозиторий можно так:
+
+```
+git clone SSH-адрес_вашего_форка
+```
+
+Команда клонирует репозиторий на ваш компьютер и подготовит всё необходимое для старта работы.
+
+#### 4. Начинайте обучение!
+
+---
+
+<a href="https://htmlacademy.ru/intensive/javascript"><img align="left" width="50" height="50" alt="HTML Academy" src="https://up.htmlacademy.ru/static/img/intensive/javascript/logo-for-github-2.png"></a>
+
+Репозиторий создан для обучения на интенсивном онлайн‑курсе «[JavaScript. Профессиональная разработка веб-интерфейсов](https://htmlacademy.ru/intensive/javascript)» от [HTML Academy](https://htmlacademy.ru).

Workflow.md

@@ -0,0 +1,51 @@
+# Как работать над проектом
+
+## Окружение
+
+Для удобства работы над проектом используются инструменты из **Node.js** и **npm**. Все необходимые настройки произведены. Всё, что от вас требуется,— это убедиться, что на рабочем компьютере установлена **Node.js**, а после в терминале перейти в директорию с проектом и _единожды_ запустить команду:
+
+```bash
+npm install
+```
+
+Данная команда запустит процесс установки зависимостей проекта из **npm**.
+
+После успешной установки зависимостей вы сможете использовать инструменты для разработки, вроде **ESLint** и **Vite**, которые идут с проектом. Для этого в файле `package.json` предусмотрены следующие сценарии...
+
+### `npm run start`
+
+Запускает локальный сервер с помощью **Vite**. После запуска сайт будет доступен для просмотра в браузере по адресу `http://localhost:3000`.
+
+При сохранении изменений в любом js-файле в директории `/js` страница автоматически перезагрузится в браузере. Таким образом, вы можете следить за разработкой проекта в режиме реального времени.
+
+> Обратите внимание, после запуска **Vite** продолжит работу, пока вы самостоятельно не остановите его, нажав в терминале сочетание клавиш `Ctrl` + `C`.
+
+### `npm run lint`
+
+Запускает **ESLint** для линтинга js-файлов в директории `/js` по правилам и требованиям к JavaScript-коду, принятым в Академии.
+
+## Структура проекта
+
+### `css/`, `fonts/`, `img/`
+
+Директории со статическими файлами проекта: стилями, изображениями, шрифтами и т.д.
+
+### `photos/`
+
+Директория с фотографиями, которые нужно будет отобразить на странице в одном из заданий.
+
+### `js/`
+
+Ваша главная рабочая директория, в которой будут храниться все скрипты проекта.
+
+### `vendor/`
+
+Директория с кодом библиотек.
+
+### `index.html`
+
+Главная страница проекта.
+
+### Остальное
+
+Все остальные файлы в проекте являются служебными. Пожалуйста, не удаляйте и не изменяйте их самовольно. Только если того требует задание или наставник.