diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..e69de29
diff --git a/.idea/ProgTime-Web2-HW1.iml b/.idea/ProgTime-Web2-HW1.iml
new file mode 100644
index 0000000..d6ebd48
--- /dev/null
+++ b/.idea/ProgTime-Web2-HW1.iml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
\ No newline at end of file
diff --git a/.idea/discord.xml b/.idea/discord.xml
new file mode 100644
index 0000000..30bab2a
--- /dev/null
+++ b/.idea/discord.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="DiscordProjectSettings">
+    <option name="show" value="ASK" />
+    <option name="description" value="" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/modules.xml b/.idea/modules.xml
new file mode 100644
index 0000000..5d6acce
--- /dev/null
+++ b/.idea/modules.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/ProgTime-Web2-HW1.iml" filepath="$PROJECT_DIR$/.idea/ProgTime-Web2-HW1.iml" />
+    </modules>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..35eb1dd
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
new file mode 100644
index 0000000..b5738a3
--- /dev/null
+++ b/.idea/workspace.xml
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="55379a43-dcff-4f4e-afd3-ee52acca3898" name="Changes" comment="">
+      <change beforePath="$PROJECT_DIR$/.gitignore" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/.vscode/extensions.json" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/README.md" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/public/vite.svg" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/App.vue" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/Edit.vue" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/components/Item.vue" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/main.ts" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/models/Note.ts" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/style.css" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/vite-env.d.ts" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/tsconfig.json" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/tsconfig.node.json" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/vite.config.ts" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/yarn.lock" beforeDir="false" />
+    </list>
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="ProjectId" id="2JoQH7HgUA93Snm0IO3cG4jDcgk" />
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent"><![CDATA[{
+  "keyToString": {
+    "RunOnceActivity.OpenProjectViewOnStart": "true",
+    "RunOnceActivity.ShowReadmeOnStart": "true",
+    "WebServerToolWindowFactoryState": "false",
+    "last_opened_file_path": "/home/andrey/Github/ProgTime-Web2-HW1/frontend",
+    "vue.rearranger.settings.migration": "true"
+  }
+}]]></component>
+  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="55379a43-dcff-4f4e-afd3-ee52acca3898" name="Changes" comment="" />
+      <created>1672741867096</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1672741867096</updated>
+      <workItem from="1672741868147" duration="13000" />
+    </task>
+    <servers />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.gitignore b/frontend/.gitignore
similarity index 100%
rename from .gitignore
rename to frontend/.gitignore
diff --git a/.vscode/extensions.json b/frontend/.vscode/extensions.json
similarity index 100%
rename from .vscode/extensions.json
rename to frontend/.vscode/extensions.json
diff --git a/README.md b/frontend/README.md
similarity index 100%
rename from README.md
rename to frontend/README.md
diff --git a/index.html b/frontend/index.html
similarity index 100%
rename from index.html
rename to frontend/index.html
diff --git a/package.json b/frontend/package.json
similarity index 100%
rename from package.json
rename to frontend/package.json
diff --git a/public/vite.svg b/frontend/public/vite.svg
similarity index 100%
rename from public/vite.svg
rename to frontend/public/vite.svg
diff --git a/src/App.vue b/frontend/src/App.vue
similarity index 56%
rename from src/App.vue
rename to frontend/src/App.vue
index 773ff76..27aada7 100644
--- a/src/App.vue
+++ b/frontend/src/App.vue
@@ -2,12 +2,13 @@
 import { ref } from 'vue'
 import Item  from "./components/Item.vue";
 import Edit from "./components/Edit.vue";
-import { Note } from "./models/Note";
 
-const notes = ref([new Note(undefined, 'Make SUS'), new Note(undefined, 'аырофщшгвыпгыфа')])
-const currentNote = ref(new Note())
+let id = 0
 
-function processNote(note: Note) {
+const notes = ref([{id: id, title: "Hello World", checked: false}])
+const currentNote = ref({id: id += 1, title: "", checked: false})
+
+function processNote(note: any) {
   const index = notes.value.findIndex((item) => item.id === note.id)
   if (index !== -1) {
     notes.value[index] = note
@@ -15,26 +16,37 @@ function processNote(note: Note) {
   else {
     notes.value.push(note)
   }
+  currentNote.value = {id: id += 1, title: "", checked: false}
 }
 
-function deleteNote(note: Note) {
+function deleteNote(note: any) {
   notes.value = notes.value.filter((item) => item.id !== note.id)
 }
 
-function editNote(note: Note) {
+function editNote(note: any) {
  currentNote.value = note
 }
+
+function updateTitle(title: string) {
+  currentNote.value.title = title
+}
 </script>
 
 <template>
   <div class="container" id="container">
     <item v-for="note in notes"
           :note="note"
+          :key="note.id"
           @delete="deleteNote"
           @edit="editNote"
+          @updateChecked="(checked) => note.checked = checked"
     />
   </div>
-  <edit @done="processNote" note="{{ currentNote }}"/>
+  <edit
+      v-bind:note="currentNote"
+      @done="processNote"
+      @updateTitle="updateTitle"
+  />
 </template>
 
 <style scoped>
diff --git a/src/components/Edit.vue b/frontend/src/components/Edit.vue
similarity index 51%
rename from src/components/Edit.vue
rename to frontend/src/components/Edit.vue
index bf8b84f..264ac7e 100644
--- a/src/components/Edit.vue
+++ b/frontend/src/components/Edit.vue
@@ -1,14 +1,27 @@
 <script setup lang="ts">
- defineEmits(['done'])
- defineProps(['note'])
+ defineProps<{ note: any }>()
+ const emit = defineEmits<{
+   (e: 'done', note: any): void,
+   (e: 'updateTitle', title: string): void
+ }>()
+
+ function processNote(note: any) {
+   if (note.title === '') {
+     return
+    }
+     emit('done', note)
+ }
 </script>
 
 <template>
   <div class="container">
-    <input type="text" v-model="note.title">
+    <input type="text"
+           :value="note.title"
+           @input="event => $emit('updateTitle', event.target.value)">
 
-    <div class="btn" @click="note.title ? $emit('done', note) : null; note = new Note()">
-    <span><font-awesome-icon icon="fa-solid fa-check" /> Add</span></div>
+    <div class="btn" @click="processNote(note)">
+      <span><font-awesome-icon icon="fa-solid fa-check" /> Add</span>
+    </div>
   </div>
 </template>
 
diff --git a/src/components/Item.vue b/frontend/src/components/Item.vue
similarity index 61%
rename from src/components/Item.vue
rename to frontend/src/components/Item.vue
index 023b018..2ed04dd 100644
--- a/src/components/Item.vue
+++ b/frontend/src/components/Item.vue
@@ -1,18 +1,21 @@
 <script setup lang="ts">
-  import { Note } from "../models/Note";
-
-  defineProps(['note'])
-  defineEmits(['delete', 'edit'])
+  defineProps<{ note: any }>()
+  defineEmits<{
+    (e: 'delete', note: any): void
+    (e: 'edit', note: any): void
+    (e: 'updateChecked', checked: boolean): void
+  }>()
 </script>
 
 <template>
   <div class="container">
-    <input type="checkbox" :checked="note.checked">
+    <input type="checkbox" :checked="note.checked" @change="event => $emit('updateChecked', event.target.checked)">
     <span class="title">{{ note.title }}</span>
-    <div class="btn"><span><font-awesome-icon icon="fa-solid fa-pen-to-square" /> Edit</span></div>
+    <div class="btn" @click="$emit('edit', note)"><span><font-awesome-icon icon="fa-solid fa-pen-to-square" /> Edit</span></div>
     <div class="btn" @click="$emit('delete', note)"><span><font-awesome-icon icon="fa-solid fa-trash" /> Delete</span></div>
   </div>
 </template>
+
 <style scoped>
 .container {
   display: flex;
diff --git a/src/main.ts b/frontend/src/main.ts
similarity index 100%
rename from src/main.ts
rename to frontend/src/main.ts
diff --git a/src/style.css b/frontend/src/style.css
similarity index 100%
rename from src/style.css
rename to frontend/src/style.css
diff --git a/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
similarity index 100%
rename from src/vite-env.d.ts
rename to frontend/src/vite-env.d.ts
diff --git a/tsconfig.json b/frontend/tsconfig.json
similarity index 100%
rename from tsconfig.json
rename to frontend/tsconfig.json
diff --git a/tsconfig.node.json b/frontend/tsconfig.node.json
similarity index 100%
rename from tsconfig.node.json
rename to frontend/tsconfig.node.json
diff --git a/vite.config.ts b/frontend/vite.config.ts
similarity index 100%
rename from vite.config.ts
rename to frontend/vite.config.ts
diff --git a/yarn.lock b/frontend/yarn.lock
similarity index 100%
rename from yarn.lock
rename to frontend/yarn.lock
diff --git a/src/models/Note.ts b/src/models/Note.ts
deleted file mode 100644
index fbd547f..0000000
--- a/src/models/Note.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-let currentId = 5;
-
-export class Note {
-
-    constructor(public id = currentId, public title = '', public checked = false) {
-        currentId++
-        this.id = id
-        this.title = title
-        this.checked = checked
-    }
-}
\ No newline at end of file