ajout dev docker

2026-06-04 18:57:15 +02:00
parent 2d17b25873
commit d12a1adb6d
34 changed files with 1255 additions and 0 deletions
@@ -0,0 +1,6 @@
+FROM python:3.9-slim
+WORKDIR /app
+COPY requirements.txt .
+RUN pip install -r requirements.txt
+COPY . .
+CMD ["uvicorn", "app:app", "--host", "0.0.0.0", "--port", "8000"]
@@ -0,0 +1,19 @@
+from fastapi import FastAPI
+from pymongo import MongoClient
+
+app = FastAPI()
+
+# MongoDB connection
+client = MongoClient("mongodb://mongodb:27017/")
+db = client.memes_db
+
+@app.get("/memes")
+def get_memes():
+    memes = list(db.memes.find({}, {"_id": 0}))
+    return {"memes": memes}
+
+@app.post("/memes")
+def create_meme(title: str, url: str):
+    meme = {"title": title, "url": url}
+    db.memes.insert_one(meme)
+    return {"message": "Meme added successfully"}
@@ -0,0 +1,5 @@
+fastapi==0.68.0
+uvicorn[standard]==0.15.0
+python-multipart
+pymongo==3.12.0
+websockets==10.0
@@ -0,0 +1,34 @@
+version: '3.8'
+services:
+  mongodb:
+    image: mongodb/mongodb-atlas-local
+    volumes:
+      - mongodb_data:/data/db
+    networks:
+      - backend-network
+    restart: always
+
+  backend:
+    build: ./backend
+    depends_on:
+      - mongodb
+    networks:
+      - backend-network
+      - frontend-network
+
+  frontend:
+    build: ./frontend
+    ports:
+      - "80:80"
+    networks:
+      - frontend-network
+    depends_on:
+      - backend
+
+volumes:
+  mongodb_data:
+
+networks:
+  backend-network:
+    internal: true
+  frontend-network:
@@ -0,0 +1,3 @@
+FROM nginx:alpine
+COPY index.html /usr/share/nginx/html/index.html
+COPY nginx.conf /etc/nginx/conf.d/default.conf
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Meme Gallery</title>
+    <style>
+        .meme { margin: 10px; padding: 10px; border: 1px solid #ccc; }
+    </style>
+</head>
+<body>
+    <h1>Meme Gallery</h1>
+    
+    <div>
+        <h2>Add a Meme</h2>
+        <input type="text" id="title" placeholder="Title">
+        <input type="text" id="url" placeholder="Image URL">
+        <button onclick="addMeme()">Add Meme</button>
+    </div>
+
+    <div id="memes"></div>
+
+    <script>
+        async function loadMemes() {
+            const response = await fetch('/backend/memes');
+            const data = await response.json();
+            const memesDiv = document.getElementById('memes');
+            memesDiv.innerHTML = data.memes.map(meme => `
+                <div class="meme">
+                    <h3>${meme.title}</h3>
+                    <img src="${meme.url}" width="200">
+                </div>
+            `).join('');
+        }
+
+        async function addMeme() {
+            const title = document.getElementById('title').value;
+            const url = document.getElementById('url').value;
+            
+            await fetch('/backend/memes?' + new URLSearchParams({
+                title: title,
+                url: url
+            }), {method: 'POST'});
+            
+            loadMemes();
+        }
+
+        loadMemes();
+    </script>
+</body>
+</html>
@@ -0,0 +1,18 @@
+server {
+    listen 80;
+    server_name localhost;
+
+    location / {
+        root /usr/share/nginx/html;
+        index index.html;
+    }
+
+    location /backend/ {
+        proxy_pass http://backend:8000/;
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection 'upgrade';
+        proxy_set_header Host $host;
+        proxy_cache_bypass $http_upgrade;
+    }
+}