Added a Header component

client/src/App.js

@@ -1,5 +1,4 @@
 import React from "react";
-import youtubeLogo from "./components/images/youtubeLogo.png";
 import MainContainer from "./components/MainContainer";
 import Footer from "./components/Footer";
 import Header from "./components/Header";

client/src/components/Header.jsx

@@ -1,11 +1,12 @@
 import React from "react";
+import youtubeLogo from "./images/youtubeLogo.png";
 
 function Header() {
   return (
     <header className="flex flex-row pb-8 pt-8 text-3xl sm:px-8 sm:pt-8 sm:text-4xl sm:font-bold sm:tracking-wider lg:text-6xl">
       <img
         src={youtubeLogo}
-        alt="Logo"
+        alt="YouTube Logo"
         className="w-13 mx-4 h-9 sm:mx-7 sm:h-16 sm:w-24"
       />
       <h1>YouTube Vault</h1>

server/server.js

@@ -4,15 +4,13 @@ const { Pool } = require("pg");
 const bodyParser = require("body-parser");
 const cors = require("cors");
 require("dotenv").config();
-const nocache = require("nocache");
 
 const app = express();
 const port = process.env.PORT || 5000;
 
 app.use(cors());
 app.use(bodyParser.urlencoded({ extended: false }));
 app.use(bodyParser.json());
-app.use(nocache());
 
 app.use(express.json());
 
@@ -72,7 +70,16 @@ app.get("/videos/:id", function (req, res) {
 // This endpoint is used to add a new video
 app.post("/videos", (req, res) => {
   const { title, url } = req.body;
-  if (!title || !url || !url.startsWith("https://www.youtube.com"|| urlObject.startsWith("https://youtu.be") || urlObject.startsWith("https://m.youtube.com") || urlObject.startsWith("https://youtube.com/"))) {
+  if (
+    !title ||
+    !url ||
+    !url.startsWith(
+      "https://www.youtube.com" ||
+        urlObject.startsWith("https://youtu.be") ||
+        urlObject.startsWith("https://m.youtube.com") ||
+        urlObject.startsWith("https://youtube.com/")
+    )
+  ) {
     res.status(400).json({
       result: "failure",
       message: "Video could not be saved",