diff --git a/src/createServer.js b/src/createServer.js
index 1cf1dda..830644b 100644
--- a/src/createServer.js
+++ b/src/createServer.js
@@ -1,10 +1,75 @@
 'use strict';
 
+const http = require('http');
+const fs = require('fs');
+const path = require('path');
+
+const DATA_PATH = path.resolve('db', 'expense.json');
+
 function createServer() {
-  /* Write your code here */
-  // Return instance of http.Server class
+  return http.createServer((req, res) => {
+    const indexPath = path.resolve('src', 'index.html');
+
+    
+    if (req.method === 'GET' && req.url === '/') {
+      try {
+        const file = fs.readFileSync(indexPath);
+
+        res.writeHead(200, { 'Content-Type': 'text/html' });
+        res.end(file);
+      } catch {
+        res.writeHead(404, { 'Content-Type': 'text/plain' });
+
+
+      const chunks = [];
+
+      req.on('data', (chunk) => chunks.push(chunk));
+
+      req.on('end', () => {
+        try {
+          const buffer = Buffer.concat(chunks).toString();
+          const obj = JSON.parse(buffer);
+
+          if (!obj.date || !obj.title || !obj.amount) {
+            res.writeHead(400, { 'Content-Type': 'text/plain' });
+            res.end('Invalid expense data');
+
+            return;
+          }
+
+
+          fs.writeFileSync(DATA_PATH, JSON.stringify(obj, null, 2));
+
+          res.writeHead(200, { 'Content-Type': 'application/json' });
+          res.end(JSON.stringify(obj));
+        } catch {
+          res.writeHead(400, { 'Content-Type': 'text/plain' });
+          res.end('Invalid JSON');
+        }
+      });
+
+      return;
+    }
+    if (req.method === 'GET' && req.url === '/expenses') {
+      try {
+        const data = fs.existsSync(DATA_PATH)
+          ? fs.readFileSync(DATA_PATH, 'utf-8')
+          : '';
+        const obj = data ? JSON.parse(data) : {};
+
+        res.writeHead(200, { 'Content-Type': 'application/json' });
+        res.end(JSON.stringify(obj));
+      } catch {
+        res.writeHead(500, { 'Content-Type': 'text/plain' });
+        res.end('Failed to read expense');
+      }
+
+      return;
+    }
+
+    res.writeHead(404, { 'Content-Type': 'text/plain' });
+    res.end('Not found');
+  });
 }
 
-module.exports = {
-  createServer,
-};
+module.exports = { createServer };
diff --git a/src/index.html b/src/index.html
new file mode 100644
index 0000000..5617a60
--- /dev/null
+++ b/src/index.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title>Add Expense</title>
+</head>
+<body>
+  <h1>Add Expense</h1>
+  <form id="expense-form">
+    <label>Title: <input type="text" name="title" required></label><br>
+    <label>Date: <input type="date" name="date" required></label><br>
+    <label>Amount: <input type="number" name="amount" required></label><br>
+    <button type="submit">Add Expense</button>
+  </form>
+
+  <h2>All Expenses</h2>
+  <div id="expenses"></div>
+
+  <script>
+    const form = document.getElementById('expense-form');
+    const expensesDiv = document.getElementById('expenses');
+
+    async function loadExpenses() {
+      try {
+        const res = await fetch('/db/expense.json');
+        const arr = await res.json();
+        expensesDiv.innerHTML = `<pre>${JSON.stringify(arr, null, 2)}</pre>`;
+      } catch {
+        expensesDiv.innerHTML = 'No expenses yet.';
+      }
+    }
+
+    form.addEventListener('submit', async e => {
+      e.preventDefault();
+
+      const data = {
+        title: form.title.value,
+        date: form.date.value,
+        amount: form.amount.value
+      };
+
+      await fetch('/submit-expense', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data)
+      });
+
+      form.reset();
+      loadExpenses();
+    });
+
+    loadExpenses();
+  </script>
+</body>
+</html>
