Added code for our initial template for frontend and backed services using go for both

fronzec · fronzec · commit 5af04b31efbd · 2025-05-02T15:38:25.000-06:00
diff --git a/markdown-note-taking-app/README.md b/markdown-note-taking-app/README.md
@@ -31,3 +31,10 @@ To avoid using a framework, we will use HTML, CSS and JS.
 - CSS
 - JS
 
+
+
+## How to run the app
+
+
+- Backend: `go run main.go`
+- Frontend: `task frontend-serve` or use Live Server extension in VSCode
diff --git a/markdown-note-taking-app/Taskfile.yml b/markdown-note-taking-app/Taskfile.yml
@@ -0,0 +1,12 @@
+version: '3'
+silent: true
+tasks:
+  hello:
+    cmds:
+      - echo "Hello, World!"
+  frontend-serve-py:
+    cmds:
+      - cd frontend && python3 -m http.server 8000
+  start-all:
+    cmds:
+      - go run main.go
diff --git a/markdown-note-taking-app/frontend/app.js b/markdown-note-taking-app/frontend/app.js
@@ -0,0 +1,22 @@
+// An example of how to use fetch to create a note
+document.addEventListener('DOMContentLoaded', () => {
+    const createNoteForm = document.getElementById('create-note');
+    createNoteForm.addEventListener('submit', (e) => {
+        e.preventDefault();
+        const title = document.getElementById('title').value;
+        const content = document.getElementById('content').value;
+        fetch('http://localhost:8080/notes', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ title, content }),
+        })
+            .then((response) => response.json())
+            .then((data) => {
+                console.log(data);
+                createNoteForm.reset();
+            })
+            .catch((error) => console.error('Error creating note:', error));
+    });
+});
diff --git a/markdown-note-taking-app/frontend/create.html b/markdown-note-taking-app/frontend/create.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Create note</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <header>
+        <h1>Create note</h1>
+    </header>
+    <main>
+        <form id="create-note">
+            <label for="title">Title:</label>
+            <input type="text" id="title" name="title" required>
+            <label for="content">Content:</label>
+            <textarea id="content" name="content" required></textarea>
+            <button type="submit">Create note</button>
+        </form>
+    </main>
+    <footer>
+        <p>&copy; 2025 Notes</p>
+    </footer>
+    <script src="app.js"></script>
+</body>
+</html>
diff --git a/markdown-note-taking-app/frontend/index.html b/markdown-note-taking-app/frontend/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>List of notes</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <header>
+        <h1>Notes</h1>
+    </header>
+    <main>
+        <ul id="notes">
+            <li><a href="create.html">Create note</a></li>
+        </ul>
+    </main>
+    <footer>
+        <p>&copy; 2025 Notes</p>
+    </footer>
+    <script src="app.js"></script>
+</body>
+</html>
diff --git a/markdown-note-taking-app/frontend/note.html b/markdown-note-taking-app/frontend/note.html
diff --git a/markdown-note-taking-app/frontend/styles.css b/markdown-note-taking-app/frontend/styles.css
diff --git a/markdown-note-taking-app/main.go b/markdown-note-taking-app/main.go
@@ -1,7 +1,29 @@
 package main
 
-import "fmt"
+import (
+	"fmt"
+	"log"
+	"net/http"
+)
+
+
+func apiHandler(w http.ResponseWriter, r *http.Request) {
+	fmt.Fprint(w, "Hello, World!")
+}
+
+func startFrontendServer() {
+	fs := http.FileServer(http.Dir("frontend"))
+	http.Handle("/", fs)
+	log.Fatal(http.ListenAndServe(":80", nil))
+}
+
+func startBackendServer() {
+	http.HandleFunc("/api", apiHandler)
+	log.Fatal(http.ListenAndServe(":8080", nil))
+
+}
 
 func main() {
-	fmt.Println("Hello World")
+	go startFrontendServer()
+	startBackendServer()
 }
