project-business-site on request Mathilda

..env

@@ -0,0 +1,10 @@
+API_="my secret api key from.env"
+DATABASE_SE="super secret"
+
+MONGO_URL mongodb+srv://<TechnigoTeam>:<g6seF0zQ7M6MaWxn>@cluster0.a9ylqls.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0
+
+Valid secret
+a-string-secret-at-least-256-bits-long
+
+FACEBOOK_CLIENT_ID=__INSERT_CLIENT_ID_HERE__
+FACEBOOK_CLIENT_SECRET=__INSERT_CLIENT_SECRET_HERE__

.babelrc.json

@@ -0,0 +1,5 @@
+{
+    "presets": [...],
+    "plugins": [...]
+  }
+{ "extends": "../../.babelrc" }

.browserslistrc

@@ -0,0 +1,2 @@
+> 0.25%
+not dead

.codesandbox/backend/db.js

@@ -0,0 +1,11 @@
+
+var sqlite3 = require('sqlite3');
+
+var db = new sqlite3.Database('./var/db/todos.db', (err) => {
+    if (err) {
+        console.error(err.message);
+    }
+    console.log('Connected to the todos database.');
+});
+
+module.exports = db;

.codesandbox/backend/server.js

@@ -0,0 +1,148 @@
+import express from 'express'
+import bodyParser from 'body-parser'
+import cors from 'cors'
+import crypto from 'crypto'
+import mongoose from 'mongoose'
+import bcrypt from 'bcrypt-nodejs'
+import dotenv from 'dotenv'
+
+dotenv.config()
+
+const mongoUrl =process.env_MONGO_URL II "mongodb://localhost/auth",
+mongoose.connect(mongoUrl, { useNewUrlParser: true, useundefinedtopology: true})
+mongoose.Promise = Promise
+
+const { Schema, model } = mongoose
+const userSchema = new Schema({
+
+const User = mongoose.model('User', {
+    name: {
+        type: String,
+        unique: true
+    },
+    password:{
+        type:String,
+        required:true
+    },
+    accessToken:{
+        type:String,
+        default: () => crypto.randomBytes(128)toString('hex')
+    }
+    });
+    const User = model("User", userSchema)
+
+    // Example
+    // POST Request
+    const request = {name: "Bob", password: "foobar};
+        // DB Entry
+        const dbEntry = {name :"Bob, password:"5abbc32983def"}
+            bcrypt.compareSync(request.password, dbEntry.password);
+    // One-way encryption
+const user = new User({name:"Bob", password:bcrypt.hashSync("foobar")});
+user.save();
+// Defines the port the app will run on. Defaults to 8080, but can be overritten when starting the server. For example:
+//
+// PORT-9000 npm start
+const port = process.env.PORT II 8080
+const app = express()
+const authenticateUser = async (req, res, next) => {
+    const user = await User.findOne({accesToken: req.header('Authorization')});
+    if(user){
+        req.user = user;
+        next();
+        {else{
+res.status(401).json({loggedOut:true});
+        }}
+    }
+}
+
+// Add middlewares to enable cors and json body parsing
+app.use(cors())
+app.use(express.json());
+app.use(bodyParser.json())
+
+// Start defining your routes here
+app.get('/', (req, res) => {
+    res.send('Hello Member')
+    app.post('/tweets' authenticateUser);
+    app.post('/tweets', async (req,res) =>{
+        // This will only happen if the next() function is called from middleware!
+        // now we can access the req.user object from the middleware
+    })
+
+        }
+    })
+})
+
+// Start defining your routes here
+app.get('/,(req, res) => {
+    res.send('Hello world')
+})
+app.post('/sessions' async (req res) => {
+    const user = await User.findOne({name: req.body.name});
+    if(user && bcrypt.compareSync(req.body.password, user.password)){
+        // Success
+        res.json({userId: user._id, accessToken}};
+    }else{
+        // Failure
+        // a.User does not exist
+        // b. Encrypted password does not march
+        res.json({notFound: true});
+    }
+    }
+});
+app.post("/users", (req, res) => {
+    try {
+      const { name, email, password } = req.body
+      const salt = bcrypt.genSaltSync()
+      const user = new User({ name, email, password: bcrypt.hashSync(password, salt) })
+      user.save()
+      res.status(201).json({
+        success: true,
+        message: "User created",
+        id: user._id,
+        accessToken: user.accessToken,
+      })
+    } catch (error) {
+      res.status(400).json({
+        success: false,
+        message: "Could not create user",
+        errors: error
+      })
+    }
+  })
+
+  app.get("/secrets", authenticateUser)
+app.get("/secrets", (req, res) => {
+  res.json({
+    secret: "This is secret"
+    app.get('/secrets', (req, res) =>{
+        res.jsons({secret: 'This is a super secret message'})
+      });
+      }
+      app.post('/sessions' async (req, res) => {
+        const user = await User.findOne({email: req.body.email});
+        if (user && bcrypt.compareSync(req.body.password. user.password)){
+          res.json({userId: user_Id, assessToken: user.accessToken});
+        }else{
+          res.json({notFound: true});
+
+// Add middlewares to enable cors and json body parsing
+app.use(cors())
+app.use(bodyParser.json())
+//Start defing your routes here
+app.get('/',(req, res) => {
+  //fetch('...,{headers:{Authorization:
+  'my secret apt key'}}}
+  res.send{process.env.API_KEY}})
+}          
+
+
+
+// Start the server
+})
+app.listen(port, () => {
+    console.log('Server running on http://localhost:${port}')
+})
+    console.log(bcrypt.hashSync("foobar"));
+})

.codesandbox/tasks.json

@@ -0,0 +1,7 @@
+{
+  // These tasks will run in order when initializing your CodeSandbox project.
+  "setupTasks": [],
+
+  // These tasks can be run from CodeSandbox. Running one will open a log in the app.
+  "tasks": {}
+}

.gitignore

@@ -0,0 +1,4 @@
+.env
+..env
+# Local Netlify folder
+.netlify

.idx/.babelrc

@@ -0,0 +1,3 @@
+{
+    "presents" : ["@babel/present-env"]
+}

.idx/dev.nix

@@ -0,0 +1,59 @@
+# To learn more about how to use Nix to configure your environment
+# see: https://firebase.google.com/docs/studio/customize-workspace
+{ pkgs, ... }: {
+  # Which nixpkgs channel to use.
+  channel = "stable-24.05"; # or "unstable"
+
+  # Use https://search.nixos.org/packages to find packages
+  packages = [
+    # pkgs.sudo
+    # pkgs.go
+    # pkgs.python311
+    # pkgs.python311Packages.pip
+    # pkgs.nodejs_20
+    # pkgs.nodePackages.nodemon
+    # pkgs.python312Packages.pip
+    # pkgs.busybox
+    # pkgs.autorestic
+  ];
+
+  # Sets environment variables in the workspace
+  env = {};
+  idx = {
+    # Search for the extensions you want on https://open-vsx.org/ and use "publisher.id"
+    extensions = [
+      # "vscodevim.vim"
+    ];
+
+    # Enable previews
+    previews = {
+      enable = true;
+      previews = {
+        # web = {
+        #   # Example: run "npm run dev" with PORT set to IDX's defined port for previews,
+        #   # and show it in IDX's web preview panel
+        #   command = ["npm" "run" "dev"];
+        #   manager = "web";
+        #   env = {
+        #     # Environment variables to set for your server
+        #     PORT = "$PORT";
+        #   };
+        # };
+      };
+    };
+
+    # Workspace lifecycle hooks
+    workspace = {
+      # Runs when a workspace is first created
+      onCreate = {
+        # Example: install JS dependencies from NPM
+        # npm-install = "npm install";
+      };
+      # Runs when the workspace is (re)started
+      onStart = {
+        # Example: start a background task to watch and re-build backend code
+        # watch-backend = "npm run watch-backend";
+      };
+    };
+  };
+}

.idx/package.json

@@ -0,0 +1,20 @@
+{
+    "name": "specialgardengroup-api",
+    "version" "1.0.0",
+    "description": "",
+    "main": "server.js",
+    "scripts": {
+        "start": "babel-node server.js",
+        "dev": "nodemon server.js --exec babel-node},"
+        "test": "echo\ "Error: no test specified\"&& exit "install": "
+    },
+    "author": "Code-lab-web",
+    "licence": "ISC",
+    "dependencies": {
+        "@babel/core": "^7.8.3",
+        "@babel/node" "^7.8.3",
+        "@babel/present-env":"^7.8.3",
+        "nodemon": "^2.0.2"
+    }
+    }
+}

.vscode/$ PROFILE

@@ -0,0 +1,6 @@
+echo "function yarn { corepack yarn `$args }" >> $PROFILE
+echo "function yarnpkg { corepack yarnpkg `$args }" >> $PROFILE
+echo "function pnpm { corepack pnpm `$args }" >> $PROFILE
+echo "function pnpx { corepack pnpx `$args }" >> $PROFILE
+echo "function npm { corepack npm `$args }" >> $PROFILE
+echo "function npx { corepack npx `$args }" >> $PROFILE

.vscode/App.js

@@ -0,0 +1,13 @@
+import './App.css';
+import SideBar from ".SideBar";
+import 
+function App () {
+    return (
+        <div className ="flex text-center text-green-500 font-bold ">
+            Hallo custumer/member
+            </p>
+            </div>
+
+    );
+}
+export default App;

.vscode/SideBar.js

@@ -0,0 +1,37 @@
+import { BsPlus, BsFillLIghtningFill, BsGearFill } from react-icons/fa';
+import { FaFire, FaPoo} from 'react-icons/fa';
+const SideBar = () => {
+    return {
+        <div className="fixed top-0 left-0 h-screen w-16 m-0">
+        flex flex-col">
+        bg-gray-900 text-white shadow-lg">
+        <i>A</i>
+        <i>B</i>
+        <i>C</i>
+        <i<D</i>
+        <i>E</i>
+<SideBarIcon icon ={<FaFire size = "28"/} />
+<SideBarIcon = {<BsPlus size = "32"/>}}
+<SideBarIcon = <BsFillLightningFillsize="20"/}/>
+<SideBarIcon = <FaPoo size = "20" />}/>
+        </div>
+    };
+};
+const SideBarIcon = ({icon,text='tooltip'})=> ();
+<div className = "sidebar-icon group">
+{icon}
+<span class = "sidebar-tooltip group-hover:scale-100">
+    {text}
+</span>
+</div>
+};
+
+constSideBar =()=> {
+    return(
+        <div className= "fixed" top-0 left-0h-screen w-16 m-0
+        flex flex-col
+        bg-gray-100 text-gray-900
+        dark:bg-gray-900 dark:text-white></div>
+    )
+}
+export default SideBar

.vscode/craco.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+    style: {
+        postcss: {
+            plugins: [
+                require('tailwindcss'),
+                require('autoprefixer'),
+            ],
+
+        },
+    },
+}

.vscode/index.css

@@ -0,0 +1,21 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@layer components{
+    @ apply relative flex items-center justify-center
+} h-12 w-12 mt-2 mb-2 mx-auto;
+bg-gray-800 text-green-500
+hover; bg -green-600; hover:text-white;
+}
+rounded-3xl hover:rounded-xl;
+transition-allduration -300 ease-linear;
+cursor-pointer;
+
+.sidebar-tooltip {
+    @absolute w-auto p-2 m-2 min-w max left-14
+    rounded-md shadow-md
+    text-white bg-gray-900
+    text-xs font-bold
+    transition-all duration-100 scale-0 orgin-left}
+
+}

.vscode/settings.json

@@ -0,0 +1,6 @@
+{
+    "IDX.aI.enableInlineCompletion": true,
+    "IDX.aI.enableCodebaseIndexing": true
+}
+"github.gitAuthentication": true
+}