Jose.new.feature

index.js

@@ -1,42 +1,42 @@
 
-    const express = require('express');
+const express = require('express');
 const sql = require('sql2');
 const genres = require('./routes/genres');
-    const customers = require('./routes/customers');
-    const home = require('./routes/home');
-    const debug = require('debug')('app:startup');
-    const config = require('config');
-    const morgan = require('morgan');
-    const helmet = require('helmet');
-    const logger = require('./middleware/logger');
-    const port = process.env.PORT || 3000;
-    const app = express();
+const customers = require('./routes/customers');
+const home = require('./routes/home');
+const debug = require('debug')('app:startup');
+const config = require('config');
+const morgan = require('morgan');
+const helmet = require('helmet');
+const logger = require('./middleware/logger');
+const port = process.env.PORT || 3000;
+const app = express();
 const mongoose = require('mongoose');
-    //create database with a document for each genre designing their sturcture
-    mongoose.connect('mongodb://127.0.0.1/vidly')
-        .then(() => console.log('Connected to MongoDB...'))
+//create database with a document for each genre designing their sturcture
+mongoose.connect('mongodb://127.0.0.1/vidly')
+    .then(() => console.log('Connected to MongoDB...'))
     .catch(err => console.log('Failed to connect to MongoDB...\n' + err));
-        
-    app.use(express.json());
-    app.use(logger.log);
-    app.use(logger.auth);
-    app.use(express.static('public'));
+
+app.use(express.json());
+app.use(logger.log);
+app.use(logger.auth);
+app.use(express.static('public'));
 app.use('/api/genres', genres);
-    app.use('/api/customers', customers);
-    app.use('/', home);
-    console.log(app.get('env'));
-    app.use(helmet());
+app.use('/api/customers', customers);
+app.use('/', home);
+console.log(app.get('env'));
+app.use(helmet());
 app.set('view engine', 'pug');
-    app.set('views', './views');
-    if(app.get('env') === 'development'){
-        app.use(morgan('tiny'));
-        debug('Morgan enabled...', ); 
-    }
-    //console.log('App name:' + config.get('name'));
-    //console.log('Mail: ' + config.get('mail.host'));
-    //console.log('password: ' + config.get('mail.password'));
-    
-    
-    
-    
-    app.listen(port, () => console.log(`Listening on port ${port}`));
+app.set('views', './views');
+if (app.get('env') === 'development') {
+    app.use(morgan('tiny'));
+    debug('Morgan enabled...',);
+}
+//console.log('App name:' + config.get('name'));
+//console.log('Mail: ' + config.get('mail.host'));
+//console.log('password: ' + config.get('mail.password'));
+
+
+
+
+app.listen(port, () => console.log(`Listening on port ${port}`));

my-react-app/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

my-react-app/README.md

@@ -0,0 +1,8 @@
+  # React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

my-react-app/eslint.config.js

@@ -0,0 +1,38 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import react from 'eslint-plugin-react'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+
+export default [
+  { ignores: ['dist'] },
+  {
+    files: ['**/*.{js,jsx}'],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    settings: { react: { version: '18.3' } },
+    plugins: {
+      react,
+      'react-hooks': reactHooks,
+      'react-refresh': reactRefresh,
+    },
+    rules: {
+      ...js.configs.recommended.rules,
+      ...react.configs.recommended.rules,
+      ...react.configs['jsx-runtime'].rules,
+      ...reactHooks.configs.recommended.rules,
+      'react/jsx-no-target-blank': 'off',
+      'react-refresh/only-export-components': [
+        'warn',
+        { allowConstantExport: true },
+      ],
+    },
+  },
+]

my-react-app/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/png" href="/tk.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>TicketMaster</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>