remove unused nginx config

Reviewed-on: #2
Co-authored-by: agatha <agatha@juggalol.com>
Co-committed-by: agatha <agatha@juggalol.com>

README.md

@@ -1,6 +1,12 @@
-# Forum App with FastAPI
+# Singleboard Forum
-Model is after 4chan
+A 4ch ripoff, coded as an exercise in learning full stack development with React
+and FastAPI.
 
-Board: has threads, unique counter for posts
+## Demo
-Thread: Collection of related posts
+Start the Docker containers:
-Post: post_id, thread_id, title, content
+```
+docker compose up -d
+```
+
+Interact with the backend API to add some posts by browsing to http://localhost:8000/docs,
+then browse to the frontend at http://localhost:3000.

docker-compose.yml

@@ -5,7 +5,7 @@ services:
       context: ./backend
       dockerfile: Dockerfile
     ports:
-      - '8001:8000'
+      - '8000:8000'
     restart: unless-stopped
 
   frontend:
@@ -13,7 +13,7 @@ services:
       context: ./frontend
       dockerfile: Dockerfile
     ports:
-      - '8000:8000'
+      - '3000:3000'
     restart: unless-stopped
     depends_on:
       - backend

frontend/README.md

@@ -1,4 +1,22 @@
 # Forum Frontend
-Should be extremely simple to start with no styling.
+The frontend for the forum is written in React.
 
-Node.js with a nice framework should be the ultimate goal, but could just do simple HTML and JS by hand for now.
+**Note**: Before running, update the `apiUrl` in `app/src/App.js` to point your backend.
+
+## Development
+To start the frontend in development mode and serve on http://localhost:3000:
+```shell
+npm run start
+```
+
+## Production
+```shell
+# Install serve
+npm install -g serve
+
+# Build for production
+npm run build
+
+# Serve
+serve -s --no-clipboard build
+```

frontend/app/src/App.js

@@ -3,11 +3,13 @@ import {useEffect, useState} from "react";
 import axios from "axios";
 import PostList from "./components/Post/PostList";
 
+const apiUrl = "http://localhost:8000";
+
 function App() {
     const [postList, setPostsList] = useState([]);
 
     const fetchPosts = async () => {
-        await axios.get("http://localhost:8000/catalog")
+        await axios.get(apiUrl + "/catalog")
         .then((response) => { setPostsList(response.data)})
     }
 

frontend/conf/nginx.conf

@@ -1,22 +0,0 @@
-events {
-    worker_connections  1024;
-}
-
-http {
-    server {
-        listen 8000 default_server;
-        listen [::]:8000 default_server;
-
-        root /app;
-        index index.html;
-        server_name _;
-
-        location / {
-            try_files $uri $uri/ =404;
-        }
-
-        location /api {
-            proxy_pass http://backend:8000/;
-        }
-    }
-}