{"version":3,"sources":["components/Homepage.js","data/navbar.js","components/Menu.js","data/projects.js","pages/Projects.js","pages/Error.js","pages/Contacts.js","App.js","reportWebVitals.js","index.js"],"names":["Homepage","className","href","target","rel","navbar","id","uuidv4","title","url","Menu","useState","isOpen","setIsOpen","links","onClick","map","link","to","projects","desc","github","demo","image","Projects","cards","src","alt","style","marginRight","Error","Contacts","App","path","exact","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.416287ea.chunk.js","sourcesContent":["import {FaLinkedin, FaGithub} from \"react-icons/fa\"\nconst Homepage = () => {\n    return (\n        <>\n        <section className=\"homepage\">\n        <div className=\"overlay\">\n        \n        <h1>Zak's Code</h1>\n        <p>\n            DevOps Engineer,Full Stack Developer\n        </p>\n        <ul>\n            <li><a href=\"https://www.linkedin.com/in/ahmed-zakaria-20184a146/\" target=\"_blank\" rel=\"noopenner noreferrer\"><FaLinkedin /></a></li>\n            <li><a href=\"https://github.com/ahmedzak7\" target=\"_blank\" rel=\"noopenner noreferrer\"><FaGithub /></a></li>\n        </ul>\n        </div>\n        </section>\n            \n        </>\n    )\n}\n\nexport default Homepage\n","import {v4 as uuidv4 } from \"uuid\"\nexport const navbar = [\n    {\n        id: uuidv4(),\n        title: \"Homepage\",\n        url: \"/\",\n    },\n    {\n        id: uuidv4(),\n        title: \"Projects\",\n        url: \"/projects\"\n    },\n    {\n        id: uuidv4(),\n        title: \"Contact Me\",\n        url: \"/contact-me\",\n    },\n]","import { useState } from \"react\"\nimport { BiMenuAltRight } from \"react-icons/bi\"\nimport { Link } from \"react-router-dom\"\nimport { navbar } from \"../data/navbar\"\nconst Menu = () => {\n    const [isOpen, setIsOpen] = useState(false)\n    // eslint-disable-next-line\n    const [links, setLinks] = useState(navbar)\n\n    return (\n        <>\n        <div className=\"menu-btn\">\n                  <button onClick={() =>setIsOpen(!isOpen)}>\n                    <BiMenuAltRight />\n                  </button>\n                  </div> \n\n       \n             <header className={`${isOpen ? \"header open\" : \"header\"}`}>\n             <nav>\n               <ul>\n               {links.map((link) => {\n                   const {id,title,url} = link\n                   return (\n                       <li key={id} onClick={() => setIsOpen(false)}>\n                       <Link to = {url}>{title}</Link>\n                       </li>\n                   )\n               })}\n\n              \n               </ul>\n\n             </nav>\n       </header>\n      \n         \n        </>\n    )\n}\n\nexport default Menu\n","import {v4 as uuidv4 } from \"uuid\"\nexport const projects = [\n    {\n        id: uuidv4(),\n        title: \"Deploy PHP website on AWS EC2 using Apache!\",\n        desc: \"1-select a region 2-Create A vpc and a subnet within 3-Create security groups 4-Launch EC2 5-Configure Inbound &Outbound rules 6- create Internet gateway to make ec2 respond 7-Configure aws by installing apache with php\",\n        github: \"https://github.com/ahmedzak7\",\n        demo: \"https://github.com/ahmedzak7\",\n        image: \"./images/1stproject.png\",\n    },\n    {\n        id: uuidv4(),\n        title: \"Dockerize a Flask App and to deploy to AWS ECS!\",\n        desc: \"I start by building a local docker image and upload it to Elastic Container Registry. Then create an ECS Cluster, and configure a task to run our docker image. Finally, we launch a Task into the cluster and expose the app to the internet via VPC.\",\n        github: \"https://github.com/ahmedzak7/DevOps-Flask-WebApp\",\n        demo: \"https://github.com/ahmedzak7\",\n        image: \"./images/project-2.jpg\",\n    },\n    {\n        id: uuidv4(),\n        title: \"K8s-Deploying-MongoDB-and-Mongo-Express\",\n        desc: \"► Deploying MongoDB and Mongo Express ► MongoDB Pod ► Secret ► MongoDB Internal Service ► Deployment Service and Config Map ► Mongo Express External Service\",\n        github: \"https://github.com/ahmedzak7/K8s-Deploying-MongoDB-and-Mongo-Express\",\n        demo: \"https://github.com/ahmedzak7/K8s-Deploying-MongoDB-and-Mongo-Express\",\n        image: \"./images/3rdproject.png\",\n    },\n    {\n        id: uuidv4(),\n        title: \"CI & CD - fully automated and deploy to Kubernetes!\",\n        desc: \"A project on continuous building and delivering your project. Building docker image and storing into dockerhub registry. Create pods and deploy using kubernetes.\",\n        github: \"https://github.com/ahmedzak7/CICD-LoginWebApp-Java\",\n        demo: \"https://github.com/ahmedzak7/CICD-LoginWebApp-Java\",\n        image: \"./images/project4.png\",\n    },\n    {\n        id: uuidv4(),\n        title: \"CICD to run Terraform code and Deploy a NodeJs on a slave jenkins\",\n        desc: \"Terraform code using modules&variables to provision architecture then using jenkins pipeline to run it and other pipeline to deploy a nodeJs app\",\n        github: \"https://github.com/ahmedzak7/terraform_project/tree/master\",\n        demo: \"https://github.com/ahmedzak7/terraform_project/tree/master\",\n        image: \"./images/project5.png\",\n    },\n    {\n        id: uuidv4(),\n        title: \"AWS RDS MySQL Database Setup & Connect it to a WebPage\",\n        desc: \"► Deploy EC2 instance as a webserver ► Deploy RDS instance ► Have a web page talk to rds and update data ►Perform some sql queries(workbench or mysqlClient)\",\n        github: \"https://github.com/ahmedzak7\",\n        demo: \"https://github.com/ahmedzak7\",\n        image: \"./images/project5.png\",\n    },\n  \n]","import {useState} from \"react\"\nimport {projects} from \"../data/projects\"\nimport {FaGithub, FaVideo} from \"react-icons/fa\"\nconst Projects = () => {\n    // eslint-disable-next-line\n    const [cards, setCards] = useState(projects)\n    return (\n        <>\n        <section className=\"projects\">\n        <h1>Projects Page</h1>\n        <div className=\"cards\">\n            {cards.map(({\n                id,title,desc,github, demo,image\n            }) => (\n                <article key={id}>\n                    <img src={image} alt={title} />\n                    <h4>\n                        {title}\n                    </h4>\n                    <p>\n                        {desc}\n                        </p>\n                    <ul>\n                        <li> <a href={github} target=\"_blank\" rel=\"noopenner noreferrer\" className=\"github\"><FaGithub style={{marginRight: 5}} /> Github</a>\n                        </li>\n                        <li> <a href={demo} target=\"_blank\" rel=\"noopenner noreferrer\" className=\"demo\"><FaVideo  style={{marginRight: 5}} /> Demo</a>\n                        </li>\n                    </ul>\n\n                </article>\n\n            )\n            )}\n\n        </div>\n        </section>\n            \n        </>\n    )\n}\n\nexport default Projects\n","const Error = () => {\n    return (\n        <>\n            <h1>Error 404.Page Not FOund</h1>\n        </>\n    )\n}\n\nexport default Error\n","\nimport {FaPhone, FaEnvelope} from \"react-icons/fa\"\nconst Contacts = () => {\n    return (\n        <>\n         \n        <section className=\"contacts\">\n        <h1> Contact Me</h1> \n        <ul>\n            <li><a href=\"tel:01124098763\"><FaPhone />+(20) 11 240 98763</a>\n\n            </li>\n            <li><a href=\"mailto:ahmedzak19972008@Gmail.com\"><FaEnvelope />{\" \"}ahmedzak19972008@gmail.com</a></li>\n            </ul>\n        </section>\n          \n        </>\n    )\n}\n\nexport default Contacts\n","import {BrowserRouter, Route, Switch} from \"react-router-dom\"\n\n// Components\nimport Homepage from \"./components/Homepage\"\nimport Menu from \"./components/Menu\"\n\n//pages\nimport Projects from \"./pages/Projects\"\nimport Error from \"./pages/Error\"\nimport Contacts from \"./pages/Contacts\"\nconst App = () => {\n  return (\n    //switch looks for 1st path that matches to render it\n    <BrowserRouter>\n    <Menu />\n    <Switch>\n    <Route path=\"/\"exact>\n    \n    <Homepage />\n    </Route>\n    <Route path=\"/projects\">\n    <Projects />\n    </Route>\n    <Route path=\"/contact-me\">\n    <Contacts />\n    </Route>\n    <Route path=\"*\">\n    <Error />\n    </Route>\n    </Switch>\n  \n    </BrowserRouter>\n  );\n}\n\nexport default App;\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\n\nReactDOM.render(\n  <React.StrictMode>\n    <App />\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}