mate-academy · arthurogunfiye · Jun 9, 2025 · Jun 9, 2025 · Jun 9, 2025 · mateacademy-ai-mentor
diff --git a/.github/workflows/test.yml-template b/.github/workflows/test.yml-template
@@ -0,0 +1,23 @@
+name: Test
+
+on:
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [20.x]
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use Node.js ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - run: npm install
+    - run: npm test
diff --git a/db/expense.json b/db/expense.json
@@ -1,5 +1 @@
-{
-  "date": "2024-01-25",
-  "title": "Test Expense",
-  "amount": "100"
-}
+{"date":"2024-01-25","title":"Test Expense","amount":"100"}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,7 +17,7 @@
   "license": "GPL-3.0",
   "devDependencies": {
     "@mate-academy/eslint-config": "latest",
-    "@mate-academy/scripts": "^1.8.6",
+    "@mate-academy/scripts": "^2.1.1",
     "axios": "^1.7.2",
     "eslint": "^8.57.0",
     "eslint-plugin-jest": "^28.6.0",

diff --git a/public/index.html b/public/index.html
@@ -0,0 +1,74 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="stylesheet"
+      type="text/css"
+      href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/versions/bulma-no-dark-mode.min.css"
+    />
+    <title>Form data</title>
+  </head>
+  <body>
+    <div class="container is-max-tablet">
+      <section class="hero">
+        <div class="hero-body">
+          <p class="title">Form data</p>
+          <p class="subtitle">Add an expense</p>
+        </div>
+      </section>
+
+      <div class="box">
+        <form
+          action="/add-expense"
+          method="POST"
+          enctype="application/x-www-form-urlencoded"
+          name="formData"
+        >
+          <div class="field">
+            <label class="label">Date</label>
+            <div class="control">
+              <input class="input" type="date" name="date" />
+            </div>
+          </div>
+
+          <div class="field">
+            <label class="label">Title</label>
+            <div class="control">
+              <input
+                class="input"
+                type="text"
+                name="title"
+                placeholder="e.g. boxes"
+              />
+            </div>
+          </div>
+
+          <div class="field">
+            <label class="label">Amount</label>
+            <div class="control">
+              <input
+                class="input"
+                type="number"
+                name="amount"
+                placeholder="e.g. 5"
+              />
+            </div>
+          </div>
+
+          <div class="field is-grouped">
+            <div class="control">
+              <button class="button is-link" type="submit">Submit</button>
+            </div>
+            <div class="control">
+              <button class="button is-link is-light" type="reset">
+                Cancel
+              </button>
+            </div>
+          </div>
+        </form>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/src/createServer.js b/src/createServer.js
@@ -1,8 +1,81 @@
 'use strict';
+const http = require('http');
+const fs = require('fs');
+const querystring = require('querystring');
 
 function createServer() {
-  /* Write your code here */
-  // Return instance of http.Server class
+  const server = http.createServer(async (req, res) => {
+    if (req.url === '/') {
+      if (req.method === 'GET') {
+        res.setHeader('Content-type', 'text/html');
+        const file = fs.createReadStream('public/index.html');
+
+        file
+          .on('error', () => {
+            res.statusCode = 500;
+            res.end('Failed to read index html');
+          })
+          .pipe(res);
+
+        res.on('close', () => {
+          file.destroy();
+        });
+
+        return;
+      }
+
+      res.statusCode = 405;
+      res.end('Method not allowed');
+      return;
+    }
+
+    if (req.url === '/add-expense') {
+      if (req.method !== 'POST') {
+        res.statusCode = 405;
+        res.end('Method not allowed!');
+        return;
+      }
+      const chunks = [];
+
+      for await (const chunk of req) {
+        chunks.push(chunk);
+      }
+
+      const rawData = Buffer.concat(chunks).toString();
+      let data;
+
+      if (req.headers['content-type'] === 'application/json') {
+        data = JSON.parse(rawData);
+      } else {
+        data = querystring.parse(rawData);
+      }
+
+      const jsonData = JSON.stringify(data);
+      const { title, amount, date } = data;
+
+      if (!title || !amount || !date) {
+        res.statusCode = 404;
+        res.end('Not valid form!');
+        return;
+      }
+
+      fs.writeFileSync('db/expense.json', jsonData, () => {
+        res.statusCode = 500;
+        res.end('Failed to write expense.json');
+        return;
+      });
+
+      res.setHeader('Content-type', 'application/json');
+      res.end(jsonData);
+      return;
+    }
+
+    res.statusCode = 404;
+    res.end('Not found');
+    return;
+  });
+
+  return server;
 }
 
 module.exports = {