with file db

.gitignore

@@ -1,2 +1,4 @@
 dist/
 node_modules/
+
+*.local*

index.html

@@ -3,7 +3,6 @@
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>GDG Talk Counter</title>
-    <link rel="stylesheet" href="/src/style.css">
   </head>
   <body>
     <h1>GDG Counter Website</h1>

main.go

@@ -20,8 +20,65 @@ func main() {
 	log.Fatal(server.ListenAndServe())
 }
 
+type Store interface {
+	Count() (int, error)
+	Increment() (int, error)
+	Decrement() (int, error)
+}
+
+const StoreFilename = "store.local.json"
+
+type fileStore struct {
+	Counter int `json:"counter"`
+}
+
+func (db *fileStore) Count() (int, error) {
+	if err := readOrCreateJson(StoreFilename, db); err != nil {
+		return 0, err
+	}
+
+	return db.Counter, nil
+}
+
+func (db *fileStore) Increment() (int, error) {
+	if err := readOrCreateJson(StoreFilename, db); err != nil {
+		return 0, err
+	}
+
+	db.Counter++
+
+	if err := writeJson(StoreFilename, db); err != nil {
+		return 0, err
+	}
+
+	return db.Counter, nil
+}
+
+func (db *fileStore) Decrement() (int, error) {
+	if err := readOrCreateJson(StoreFilename, db); err != nil {
+		return 0, err
+	}
+
+	db.Counter--
+
+	if err := writeJson(StoreFilename, db); err != nil {
+		return 0, err
+	}
+
+	return db.Counter, nil
+}
+
 func setupRoutes(mux *http.ServeMux) {
-	counter := 0
+	var db Store = &fileStore{Counter: 0}
+	{
+		initialCount, err := db.Count()
+		if err != nil {
+			log.Fatalf(`Unable to create store: %v`, err)
+			return
+		}
+
+		log.Printf(`Store correctly initialized, count: %v`, initialCount)
+	}
 
 	// API Routes
 
@@ -46,12 +103,17 @@ func setupRoutes(mux *http.ServeMux) {
 			return
 		}
 
-		w.Header().Set("Content-Type", "application/json")
-		err := json.NewEncoder(w).Encode(counter)
+		count, err := db.Count()
 		if err != nil {
 			http.Error(w, err.Error(), http.StatusInternalServerError)
 			return
 		}
+
+		w.Header().Set("Content-Type", "application/json")
+		if err := json.NewEncoder(w).Encode(count); err != nil {
+			http.Error(w, err.Error(), http.StatusInternalServerError)
+			return
+		}
 	})
 
 	mux.HandleFunc("/api/increment", func(w http.ResponseWriter, r *http.Request) {
@@ -60,11 +122,14 @@ func setupRoutes(mux *http.ServeMux) {
 			return
 		}
 
-		counter++
+		newCount, err := db.Increment()
+		if err != nil {
+			http.Error(w, err.Error(), http.StatusInternalServerError)
+			return
+		}
 
 		w.Header().Set("Content-Type", "application/json")
-		err := json.NewEncoder(w).Encode(counter)
-		if err != nil {
+		if err := json.NewEncoder(w).Encode(newCount); err != nil {
 			http.Error(w, err.Error(), http.StatusInternalServerError)
 			return
 		}
@@ -76,11 +141,14 @@ func setupRoutes(mux *http.ServeMux) {
 			return
 		}
 
-		counter--
+		newCount, err := db.Decrement()
+		if err != nil {
+			http.Error(w, err.Error(), http.StatusInternalServerError)
+			return
+		}
 
 		w.Header().Set("Content-Type", "application/json")
-		err := json.NewEncoder(w).Encode(counter)
-		if err != nil {
+		if err := json.NewEncoder(w).Encode(newCount); err != nil {
 			http.Error(w, err.Error(), http.StatusInternalServerError)
 			return
 		}

src/style.css

@@ -1,72 +0,0 @@
-*,
-*::before,
-*::after {
-    font-family: inherit;
-    box-sizing: border-box;
-}
-
-body {
-    margin: 0;
-    font-family: 'Open Sans', sans-serif;
-
-    display: flex;
-    flex-direction: column;
-
-    align-items: center;
-}
-
-h1 {
-    text-align: center;
-    font-weight: 700;
-}
-
-.app {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 0.5rem;
-}
-
-#counter-value {
-    grid-column: span 2;
-
-    place-self: center;
-
-    font-weight: 200;
-    font-size: 32px;
-
-    padding: 1rem 0;
-}
-
-button {
-    /* box-shadow: 0 0 4px 0 #00000018, 0 0 32px 0 #00000010; */
-
-    border: 1px solid #d4d4d4;
-    background: linear-gradient(to bottom, #f8f8f8 0%, #f0f0f0 50%, #d8d8d8 100%);
-
-    color: #333;
-
-    font-size: 15px;
-    font-weight: 400;
-
-    border-radius: 0.5rem;
-    height: 2rem;
-    padding: 0 1rem;
-
-    cursor: pointer;
-
-    transition: all 250ms ease-in-out;
-}
-
-button:hover {
-    /* box-shadow: 0 0 4px 0 #00000018, 0 0 24px 4px #00000018; */
-
-    border: 1px solid #d0d0d0;
-    background: linear-gradient(to bottom, #fdfdfd 0%, #ededed 40%, #ededed 60%, #d0d0d0 100%);
-}
-
-button:active {
-    /* box-shadow: 0 0 4px 0 #00000018, 0 0 24px 4px #00000018; */
-
-    border: 1px solid #c8c8c8;
-    background: linear-gradient(to bottom, #fdfdfd 0%, #e4e4e4 50%, #c8c8c8 100%);
-}

utils.go

@@ -0,0 +1,40 @@
+package main
+
+import (
+	"encoding/json"
+	"os"
+)
+
+func readOrCreateJson(filename string, value any) error {
+	f, err := os.Open(filename)
+	if err != nil {
+		if os.IsNotExist(err) {
+			return writeJson(filename, value)
+		}
+
+		return err
+	}
+	defer f.Close()
+
+	if json.NewDecoder(f).Decode(value); err != nil {
+		return err
+	}
+
+	return nil
+}
+
+func writeJson(filename string, value any) error {
+	f, err := os.Create(filename)
+	if err != nil {
+		return err
+	}
+	defer f.Close()
+
+	enc := json.NewEncoder(f)
+	enc.SetIndent("", "    ")
+	if err := enc.Encode(value); err != nil {
+		return err
+	}
+
+	return nil
+}