react-youtube-clone

Axe10rellana · Sep 15, 2023 · e8ef90e · e8ef90e · vercel · Sep 15, 2023
1 parent 1f7d822
commit e8ef90e
Show file tree

Hide file tree

Showing 7 changed files with 5,235 additions and 16,990 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,7 @@
 {
  "name": "react-youtube-clone",
- "version": "0.0.1",
+ "description": "Código Base Del Proyecto React Youtube Clone Hecho En React.js y Material-UI.",
+ "version": "1.0.0",
  "private": true,
  "homepage": "./",
  "dependencies": {

diff --git a/public/index.html b/public/index.html
@@ -5,13 +5,13 @@
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="theme-color" content="#000000" />
- <meta name="description" content="React Youtube Clone" />
+ <meta name="description" content="Youtube Clone" />
  <link rel="manifest" href="/manifest.json" />
  <link rel="icon" href="/favicon.png" />
  <link rel="favicon" href="/favicon.png" />
  <link rel="apple-touch-icon" href="/favicon.png" />
  <script defer src="https://kit.fontawesome.com/a74e3c1ac7.js" crossorigin="anonymous"></script>
- <title>React Youtube Clone</title>
+ <title>Youtube Clone</title>
 </head>
 
 <body>

diff --git a/public/manifest.json b/public/manifest.json
@@ -1,5 +1,5 @@
 {
- "short_name": "React Youtube Clone",
+ "short_name": "Youtube Clone",
  "name": "React Youtube Clone",
  "icons": [
  {

diff --git a/src/App.js b/src/App.js
@@ -1,4 +1,3 @@
-//importaciones
 import React from "react";
 
 //react-router-dom
@@ -7,7 +6,7 @@ import { BrowserRouter, Route, Routes } from "react-router-dom";
 //material-ui
 import { Box } from "@mui/material";
 
-//componentes
+//components
 import {
  Navbar,
  Feed,

diff --git a/src/index.js b/src/index.js
@@ -5,8 +5,4 @@ import "./styles/index.css";
 import App from "./App";
 
 const root = ReactDOM.createRoot(document.getElementById("root"));
-root.render(
- <React.StrictMode>
- <App />
- </React.StrictMode>
-);
+root.render(<App />);
diff --git a/src/styles/index.css b/src/styles/index.css
@@ -1,37 +1,45 @@
 /* IMPORTS */
 @import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
 
-/* CUSTOM PROPERTIES */
 :root {
- /*fuente*/
- --font: "Roboto, system-ui, -apple-system, BlinkMacSystemFont, " Segoe UI
- ", Ubuntu, " Helvetica Neue ", sans-serif";
+ --font: "Roboto, system-ui, -apple-system, BlinkMacSystemFont, " Segoe UI ", Ubuntu, " Helvetica Neue ", sans-serif";
 
- /*paleta de colores*/
  --color-01: #ffffff;
  --color-02: #e9ebee;
  --color-03: #a4b0be;
  --color-04: #6b7c8e;
  --color-05: #343a40;
  --color-06: #000000;
  --color-07: #f6e58d;
- --color-08: #efd81d; /*amarillo de javascript*/
- --color-09: #cf649a; /*rosa de sass*/
- --color-10: #ff3e00; /*naranja de svelte*/
- --color-11: #dc3545; /*danger de bootstrap*/
- --color-12: #c3002f; /*rojo de angular*/
+ --color-08: #efd81d;
+ /*amarillo de javascript*/
+ --color-09: #cf649a;
+ /*rosa de sass*/
+ --color-10: #ff3e00;
+ /*naranja de svelte*/
+ --color-11: #dc3545;
+ /*danger de bootstrap*/
+ --color-12: #c3002f;
+ /*rojo de angular*/
  --color-13: #a5d8ff;
- --color-14: #61dafb; /*azul de react*/
+ --color-14: #61dafb;
+ /*azul de react*/
  --color-15: #7bed9f;
- --color-16: #42b983; /*verde de vue*/
- --color-17: #128c7e; /*verde de whatsapp*/
- --color-18: #7e12f9; /*violeta de bootstrap*/
- --color-19: #2496ed; /*azul de docker*/
+ --color-16: #42b983;
+ /*verde de vue*/
+ --color-17: #128c7e;
+ /*verde de whatsapp*/
+ --color-18: #7e12f9;
+ /*violeta de bootstrap*/
+ --color-19: #2496ed;
+ /*azul de docker*/
  --color-20: #1877f2;
  --color-21: #003f8c;
  --color-22: #022144;
- --color-23: #2b3a42; /*azul negro de webpack*/
- --color-24: #273443; /*azul negro de react*/
+ --color-23: #2b3a42;
+ /*azul negro de webpack*/
+ --color-24: #273443;
+ /*azul negro de react*/
  --color-25: #282c34;
 }
 
@@ -104,7 +112,6 @@ a {
  transition: all 0.3s ease;
 }
 
-/* Mediaquerys */
 @media screen and (max-width: 900px) {
  .category-btn {
  margin: 10px;
@@ -125,7 +132,8 @@ a {
  .react-player {
  height: 45vh !important;
  }
+
  .search-bar {
  width: 200px;
  }
-}
+}