Added first version

Minsait-Arquitectura-Front · May 16, 2023 · 0611908 · 0611908
1 parent 63ace84
commit 0611908
Show file tree

Hide file tree

Showing 23 changed files with 3,366 additions and 0 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,24 @@
+module.exports = {
+  env: {
+    browser: true,
+    es2021: true,
+  },
+  extends: ['standard'],
+  overrides: [],
+  parserOptions: {
+    ecmaVersion: 'latest',
+    sourceType: 'module',
+  },
+  plugins: ['react'],
+  rules: {
+    semi: 'off',
+    'react/react-in-jsx-scope': 'off',
+    'space-before-function-paren': 'off',
+    'react/jsx-indent': [2, 2],
+    'react/prop-types': 'off',
+    'jsx-quotes': [2, 'prefer-single'],
+    'multiline-ternary': 'off',
+    'react/no-unescaped-entities': 'off',
+    'comma-dangle': 'off',
+  },
+};
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,11 @@
+{
+    "singleQuote": true,
+    "tabWidth": 2,
+    "jsxSingleQuote": true,
+    "arrowParens": "always",
+    "proseWrap": "never",
+    "singleAttributePerLine": false,
+    "quoteProps": "as-needed",
+    "semi": true,
+    "printWidth": 150
+}
diff --git a/data/f1-drivers.json b/data/f1-drivers.json
@@ -0,0 +1,82 @@
+[
+  {
+    "name": "Verstappen",
+    "surname": "Max",
+    "nationality": "Netherlands",
+    "team": "Red Bull",
+    "id": 1,
+    "image": "./data/images/1.jpeg"
+  },
+  {
+    "name": "Hamilton",
+    "surname": "Lewis",
+    "nationality": "United Kingdom",
+    "team": "Mercedes",
+    "id": 2,
+    "image": "./data/images/2.jpeg"
+  },
+  {
+    "name": "Bottas",
+    "surname": "Valtteri",
+    "nationality": "Finland",
+    "team": "Mercedes",
+    "id": 3,
+    "image": "./data/images/3.jpeg"
+  },
+  {
+    "name": "Perez",
+    "surname": "Sergio",
+    "nationality": "Mexico",
+    "team": "Red Bull",
+    "id": 4,
+    "image": "./data/images/4.jpeg"
+  },
+  {
+    "name": "Norris",
+    "surname": "Lando",
+    "nationality": "United Kingdom",
+    "team": "McLaren",
+    "id": 5,
+    "image": "./data/images/5.jpeg"
+  },
+  {
+    "name": "Leclerc",
+    "surname": "Charles",
+    "nationality": "Monaco",
+    "team": "Ferrari",
+    "id": 6,
+    "image": "./data/images/6.jpeg"
+  },
+  {
+    "name": "Sainz",
+    "surname": "Carlos",
+    "nationality": "Spain",
+    "team": "Ferrari",
+    "id": 7,
+    "image": "./data/images/7.jpeg"
+  },
+  {
+    "name": "Ricciardo",
+    "surname": "Daniel",
+    "nationality": "Australia",
+    "team": "McLaren",
+    "id": 8,
+    "image": "./data/images/8.jpeg"
+  },
+  {
+    "name": "Alonso",
+    "surname": "Fernando",
+    "nationality": "Spain",
+    "team": "Alpine",
+    "id": 9,
+    "image": "./data/images/9.jpeg"
+  },
+  {
+    "name": "Ocon",
+    "surname": "Esteban",
+    "nationality": "France",
+    "team": "Alpine",
+    "id": 10,
+    "image": "./data/images/10.jpeg"
+  }
+]
diff --git a/data/images/1.jpeg b/data/images/1.jpeg
diff --git a/data/images/10.jpeg b/data/images/10.jpeg
diff --git a/data/images/2.jpeg b/data/images/2.jpeg
diff --git a/data/images/3.jpeg b/data/images/3.jpeg
diff --git a/data/images/4.jpeg b/data/images/4.jpeg
diff --git a/data/images/5.jpeg b/data/images/5.jpeg
diff --git a/data/images/6.jpeg b/data/images/6.jpeg
diff --git a/data/images/7.jpeg b/data/images/7.jpeg
diff --git a/data/images/8.jpeg b/data/images/8.jpeg
diff --git a/data/images/9.jpeg b/data/images/9.jpeg
diff --git a/icons/icon-128.png b/icons/icon-128.png
diff --git a/icons/icon-256.png b/icons/icon-256.png
diff --git a/icons/icon-512.png b/icons/icon-512.png
diff --git a/index.html b/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="icon" type="image/x-icon" href="/icons/icon-256.png">
+  <link rel="stylesheet" href="/styles/style.css">
+  <script src="/scripts/main.js"></script>
+  <link rel="manifest" href="/pwa.webmanifest" />
+  <title>PWA Small Talk</title>
+</head>
+
+<body>
+  <h1>Bienvenidos a la PWA de Formula 1!</h1>
+  <div id="pilotos-container" class="container"></div>
+</body>
+
+</html>