added js code

chefgs · chefgs · commit 5a85a77d7056 · 2024-01-09T18:41:53.000+05:30
diff --git a/jsframework_app/.DS_Store b/jsframework_app/.DS_Store
diff --git a/jsframework_app/backend/package.json b/jsframework_app/backend/package.json
@@ -0,0 +1 @@
+{}
diff --git a/jsframework_app/backend/server.js b/jsframework_app/backend/server.js
@@ -0,0 +1,27 @@
+// server.js
+const express = require('express');
+const bodyParser = require('body-parser');
+const MongoClient = require('mongodb').MongoClient;
+
+const app = express();
+app.use(bodyParser.json());
+
+// Connect to MongoDB
+const client = new MongoClient('mongodb://localhost:27017/');
+let db;
+client.connect(err => {
+    db = client.db('mydatabase');
+});
+
+app.post('/', (req, res) => {
+    const num1 = parseFloat(req.body.num1);
+    const num2 = parseFloat(req.body.num2);
+    const result = num1 + num2;
+
+    // Store the numbers and result in the database
+    db.collection('results').insertOne({ num1, num2, result }, (err, r) => {
+        res.send({ result });
+    });
+});
+
+app.listen(3000, () => console.log('Server running on port 3000'));
diff --git a/jsframework_app/frontend/src/App.js b/jsframework_app/frontend/src/App.js
@@ -0,0 +1,25 @@
+// App.js
+import React, { useState } from 'react';
+import axios from 'axios';
+
+function App() {
+    const [num1, setNum1] = useState('');
+    const [num2, setNum2] = useState('');
+    const [result, setResult] = useState(null);
+
+    const addNumbers = async () => {
+        const response = await axios.post('http://localhost:3000/', { num1, num2 });
+        setResult(response.data.result);
+    };
+
+    return (
+        <div>
+            <input type="number" value={num1} onChange={e => setNum1(e.target.value)} />
+            <input type="number" value={num2} onChange={e => setNum2(e.target.value)} />
+            <button onClick={addNumbers}>Add</button>
+            {result && <p>Result: {result}</p>}
+        </div>
+    );
+}
+
+export default App;
diff --git a/jsframework_app/frontend/src/index.js b/jsframework_app/frontend/src/index.js
@@ -0,0 +1,10 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './App';
+
+ReactDOM.render(
+    <React.StrictMode>
+        <App />
+    </React.StrictMode>,
+    document.getElementById('root')
+);
diff --git a/jsframework_app/frontend/src/package.json b/jsframework_app/frontend/src/package.json
@@ -0,0 +1 @@
+{}
diff --git a/jsframework_app/public/index.html b/jsframework_app/public/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <title>My App</title>
+    </head>
+    <body>
+        <div id="root"></div>
+    </body>
+</html>
diff --git a/python_app/Dockerfile b/python_app/Dockerfile
@@ -0,0 +1,20 @@
+# Use an official Python runtime as a parent image
+FROM python:3.8-slim-buster
+
+# Set the working directory in the container to /app
+WORKDIR /app
+
+# Add the current directory contents into the container at /app
+ADD . /app
+
+# Install any needed packages specified in requirements.txt
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Make port 5000 available to the world outside this container
+EXPOSE 5000
+
+# Define environment variable
+ENV NAME World
+
+# Run app.py when the container launches
+CMD ["python", "add_numbers_with_db.py"]
diff --git a/python_app/requirements.txt b/python_app/requirements.txt
@@ -0,0 +1,2 @@
+flask==1.1.2
+pymongo==3.11.0
