Added meta page titles

package.json

@@ -15,11 +15,13 @@
     "dotenv": "^8.2.0",
     "express": "^4.17.1",
     "github-pages-deploy-action": "^3.4.8",
+    "helmet": "^3.22.0",
     "node-sass": "^4.13.1",
     "react": "^16.13.1",
     "react-country-flag": "^2.0.1",
     "react-dom": "^16.13.1",
     "react-flags": "^0.1.18",
+    "react-helmet": "^6.0.0",
     "react-icons": "^3.9.0",
     "react-player": "^1.15.3",
     "react-router-dom": "^5.1.2",
@@ -28,7 +30,7 @@
     "styled-icons": "^10.2.1"
   },
   "scripts": {
-    "start":"node server",
+    "start": "node server",
     "dev": "react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",

public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "short_name": "React App",
-  "name": "Create React App Sample",
+  "short_name": "JL",
+  "name": "Jakub Lemiszewski CV",
   "icons": [
     {
       "src": "favicon.ico",

src/pages/Education/Education.js

@@ -4,6 +4,9 @@ import { SectionTitle, Paragraph } from "../../styles";
 import { EducationItem, Institution, Degree } from "./styles";
 import Loader from "../../components/Loader";
 import Timeout from "../../components/Timeout";
+import { Helmet } from "react-helmet";
+
+const TITLE = "JL - Education";
 
 const Education = ({ user }) => {
   const [isLoaded, setIsLoaded] = useState(false);
@@ -14,6 +17,9 @@ const Education = ({ user }) => {
 
   return (
     <Layout user={user}>
+      <Helmet>
+        <title>{TITLE}</title>
+      </Helmet>
       {!isLoaded ? (
         <Loader />
       ) : (

src/pages/Me/Me.js

@@ -7,6 +7,9 @@ import { IconContext } from "react-icons";
 import Icons from "../../components/Icons";
 import Loader from "../../components/Loader";
 import Timeout from "../../components/Timeout";
+import { Helmet } from "react-helmet";
+
+const TITLE = "JL - Me";
 
 const Me = ({ user }) => {
   const [isLoaded, setIsLoaded] = useState(false);
@@ -17,6 +20,9 @@ const Me = ({ user }) => {
 
   return (
     <Layout user={user}>
+      <Helmet>
+        <title>{TITLE}</title>
+      </Helmet>
       {!isLoaded ? (
         <Loader />
       ) : (

src/pages/Portfolio/Portfolio.js

@@ -4,6 +4,9 @@ import { SectionTitle } from "../../styles";
 import Video from "../../components/Video";
 import Loader from "../../components/Loader";
 import Timeout from "../../components/Timeout";
+import { Helmet } from "react-helmet";
+
+const TITLE = "JL - Portfolio";
 
 const Portfolio = ({ user }) => {
   const [isLoaded, setIsLoaded] = useState(false);
@@ -14,6 +17,9 @@ const Portfolio = ({ user }) => {
 
   return (
     <Layout user={user}>
+      <Helmet>
+        <title>{TITLE}</title>
+      </Helmet>
       {!isLoaded ? (
         <Loader />
       ) : (

src/pages/Projects/Projects.js

@@ -10,6 +10,9 @@ import {
 import { FaExternalLinkAlt, FaGithubAlt } from "react-icons/fa";
 import Loader from "../../components/Loader";
 import Timeout from "../../components/Timeout";
+import { Helmet } from "react-helmet";
+
+const TITLE = "JL - Projects";
 
 const Projects = ({ user }) => {
   const [isLoaded, setIsLoaded] = useState(false);
@@ -18,6 +21,9 @@ const Projects = ({ user }) => {
 
   return (
     <Layout user={user}>
+      <Helmet>
+        <title>{TITLE}</title>
+      </Helmet>
       {!isLoaded ? (
         <Loader />
       ) : (