text: (this["webpackJsonptutoring-packages"]=this["webpackJsonptutoring-packages"]||[]).push([[0],{19:function(e,t,a){},21:function(e,t,a){},22:function(e,t,a){},23:function(e,t,a){},24:function(e,t,a){},25:function(e,t,a){"use strict";a.r(t);var s=a(1),r=a.n(s),o=a(8),i=a.n(o),c=a(9),n=a(10),l=a(11),p=a(13),m=a(12),u=a(7),h=a.n(u),d=(a(19),a(0)),S=function(){var e=(new Date).getFullYear();return Object(d.jsx)("footer",{className:"footer red",children:Object(d.jsxs)("div",{className:"innerFooter",children:[Object(d.jsx)("div",{className:"nameText",children:Object(d.jsxs)("a",{className:"customLink",href:"https://strawhat19.github.io/Tutoring-Packages/",target:"_blank",rel:"noreferrer",title:"Tutoring Packages",children:[Object(d.jsx)("i",{className:"fab fa-github"})," | Tutoring Packages"]})}),Object(d.jsxs)("div",{className:"siteText copyright",children:["Copyright ",Object(d.jsx)("i",{className:"fas fa-copyright"})," ",e]})]})})},g=a(3),j=a(2),b=function(e){for(var t=0,a=0;a<e.length;a++)t+=e[a];return t},x=function(e,t){var a=[],s=[];e.forEach((function(e){a.push(e.approximateHours),s.push(e.approximateCost);var r=b(a),o=b(s);localStorage.setItem("".concat(t," Hours"),r),localStorage.setItem("".concat(t," Cost"),o)}))},v={level:"Junior Developer",hourlyRate:25,approximateHours:40,description:"I record every lesson for you to keep forever, and You can quit whenever. By the end of the last project you will be able to apply to Junior Developer, WordPress Developer Positions or Start Light FreeLancing or Tutoring Younger Developers.",salary:"MINIMUM $30,000 - $60,000 or MINIMUM $10 - $20 an hour.",techStack:{description:"These are the technologies you will learn by the end of the last project:",technologies:["HTML - HyperText Markup Language","HTML5","CSS - Cascading Style Sheets","CSS3","Git","XML - Extensible Markup Language","Saas - Software As A Service","SASS - Syntactically Awesome Style Sheets","Compilers","Extensions","Plugins","IDE - Integrated Development Environment","VS Code - Visual Studio Code","Codepen","Brackets.io","Atom Editor","Sublime Text","CLI - Command Line Interface","JS - JavaScript","ES - EcmaScript 2022","SPA - Single Page Application","Modern JS","Libraries","Frameworks","jQuery","WordPress Advanced Custom Fields","JSON - JavaScript Object Notation","AJAX - Asyncronous JavaScript & XML","API - Application Programming Interface","RESTFUL API","Cache Storage","Best Practicies","Syntax","Resume","Portfolio","Fetch","HTTP Request","Async Await","Procreate","Design","Mock Up","Flowchart","Effects","Animations","UI/UX - User Interaction/User Experience","jQuery UI","Accessibilty","Section 508 ADA Compliance","Color Theory","Coolors","Stock Images","Repositories","Stock Photography","Pexels","Pixabay","Unsplash","Font Awesome","Flaticon","Envato","Figma","Axure","Adobe XD - Experience Designer","PhotoShop","Illustrator","After Effects","Functional Programming","BDD - Behavior Driven Development","Node.js","NPM - Node Package Manager","PHP - Hypertext Preprocessor | Personal Home Page","Theme Development","Templating","Bootstrap","TailWind","Material UI","Apache","XAMPP","Heroku","TS - TypeScript","Database","Authorization","User Registration","Full Stack Apps","Baas - Backend As A Service","Google API","Google Maps","Google Firebase","Object Oriented Programming (OOP)","Linux, Apache, MySQL, and PHP (LAMP)","Agile Methodology","Scrum Methodology","Waterfall Methodology","Collaberation","Contribution","Source Control","Open Source","CI/CD","Kanban","HubSpot","Tickets","Issues","Monday","CRM"]},projects:[{title:"Developer Enviornment",approximateHours:1,approximateCost:25,description:"We start the course by introducing ourselves to eachother and then getting the workspace set up and organized for how we will work across the courses and projects.",picture:"https://github.com/strawhat19/Tutoring-Packages/blob/main/public/assets/images/development-environments.JPG?raw=true",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["CodePen","VS Code","Git Bash","SSH","Apache","XAMPP","SASS Compiler","Live Server","htdocs","CLI","mkdir","touch","cd","rm rf","Adobe Creative Cloud","Github","Github Pages","Heroku","Firebase"]},{title:"Counter Demo",approximateHours:.5,approximateCost:12.5,description:"Light Intro to the course, HTML, CSS, and JavaScript in Codepen",picture:"https://reactjsexample.com/content/images/2019/01/Counter-react-component-with-animation.gif",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","JavaScript","jQuery","Codepen"]},{title:"Email Signature in Gmail",approximateHours:1,approximateCost:25,description:"Make a Simple Email Signature in VS Code",picture:"https://github.com/strawhat19/Tutoring-Packages/blob/main/public/assets/images/emailSignatures.JPG?raw=true",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","VS Code"]},{title:"Rock, Paper, Scissors",approximateHours:1.5,approximateCost:37.5,description:"Intro to Game Development, Github, and Fusion of HTML, CSS, PHP, SASS, JavaScript & Project Management",picture:"https://raw.githubusercontent.com/strawhat19/Rock-Paper-Scisssors/main/assets/images/Rock-Paper-Scissors-Application.png",demo:"https://strawhat19.github.io/Rock-Paper-Scisssors/",technologies:["HTML","CSS","PHP","SASS","PHP","JavaScript","jQuery","TypeScript","VS Code","Game Development","Project Management"]},{title:"Discord Bots",approximateHours:2,approximateCost:50,description:"Intro to Discord Bot Development, Hosting & Deployment",picture:"https://github.com/strawhat19/Discord-Bots/raw/main/UpLift/assets/screenshotWOTD.JPG",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["JavaScript","VS Code","Discord Bot Development"]},{title:"WordPress Business Website",approximateHours:2,approximateCost:50,description:"Intro to WordPress by Building a Business Website & Application",picture:"https://github.com/strawhat19/Tutoring-Packages/blob/main/public/assets/images/wordPressBusiness.JPG?raw=true",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CMS","WordPress","CSS","BDD"]},{title:"Password Generator",approximateHours:2,approximateCost:50,description:"Intro to Functional Programming, Data Types and Data Array & Object Manipulation",picture:"https://github.com/strawhat19/Password-Generator/raw/main/assets/images/screenshot.png",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","Functional Programming","Data Types","CSS","PHP","JavaScript","jQuery","TypeScript","Array & Object Manipulation"]},{title:"Google Chrome No Internet Dinosaur Game",approximateHours:2.5,approximateCost:62.5,description:"Advanced JavaScript Game Development",picture:"https://miro.medium.com/max/1200/1*kUaj2XZF0R75duI7Lskt2w.gif",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","JavaScript","jQuery","Game Development"]},{title:"Jr. Dev Portfolio",approximateHours:3,approximateCost:75,description:"Simple Single Page Application, Which We Will Be Making Updates To Throughout The Course",picture:"https://github.com/strawhat19/Portfolio/blob/main/assets/images/design/landscapeDesign.png?raw=true",demo:"https://strawhat19.github.io/Portfolio/",technologies:["HTML","SPA","CSS","SASS","PHP","JavaScript","jQuery","TypeScript","API","Fetch","JSON","AJAX","Async Await","Array & Object Manipulation","Photoshop","Illustrator","Procreate","Figma"]},{title:"Hangman",approximateHours:4,approximateCost:100,description:"A Word Guessing Game With A Timer",picture:"https://github.com/strawhat19/Word-Guessing-Game/raw/main/assets/images/Word-Guess-Application-Image.png",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","SASS","PHP","JavaScript","jQuery","TypeScript","Game Development"]},{title:"Who Wants To Be A Millionaire",approximateHours:5,approximateCost:125,description:"A Quiz Like Trivia Game with Registration and a Database with Storage",picture:"https://github.com/strawhat19/Coding-Quiz/raw/main/assets/images/Official-Code-Quiz-Application.png",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","SASS","PHP","JavaScript","jQuery","TypeScript","Game Development"]},{title:"Weather App",approximateHours:7,approximateCost:175,description:"A Fully Function Weather App Which We Will Turn into a Mobile Application as Well",picture:"https://github.com/strawhat19/Weather-App/raw/main/assets/css/images/designs/WeatherAppFinaleRounded.png",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","SASS","PHP","JavaScript","jQuery","TypeScript","API","Google API","Google Maps","Fetch","JSON","AJAX","Async Await","Array & Object Manipulation"]},{title:"Project Planner",approximateHours:9,approximateCost:225,description:"An Intro to Full Stack Development with a Mix of Project Tracker & Day Planner with User Registration & Data Store",picture:"https://github.com/strawhat19/Project-Tracker/raw/main/assets/images/ProjectTrackerApplication-LightMode.png",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","SASS","PHP","JavaScript","jQuery","TypeScript","API","Fetch","JSON","AJAX","Async Await","Array & Object Manipulation","Object Oriented Programming","User Registration","Authorization","Firebase","Baas","Database","Full Stack Development"]},{title:"WordPress Portfolio",approximateHours:.5,approximateCost:12.5,description:"SPA Simple WordPress Portfolio and A Chance to Relax, You can see how Fast you Code now!",picture:"https://github.com/strawhat19/Tutoring-Packages/blob/main/public/assets/images/piratechs.JPG?raw=true",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CMS","WordPress","CSS","JavaScript","jQuery","TypeScript","API","Fetch","JSON","AJAX","Async Await","Array & Object Manipulation"]}]},O=(a(21),localStorage.getItem("Shopping Cart")),P=JSON.parse(O)||[],f=function(){var e=Object(s.useState)(null),t=Object(j.a)(e,2),a=t[0],r=t[1],o=Object(s.useState)(null),i=Object(j.a)(o,2),c=i[0],n=i[1],l=Object(s.useState)(null),p=Object(j.a)(l,2),m=p[0],u=p[1],h=document.querySelector(".cartItems");return Object(s.useEffect)((function(){var e=v.projects,t=v.level;x(e,t),r(localStorage.getItem("Junior Developer Cost")),n(localStorage.getItem("Junior Developer Hours")),u(e.length)}),[]),Object(d.jsxs)("div",{className:"courses",children:[Object(d.jsx)("h1",{className:"title",children:"Tutoring Packages"}),Object(d.jsx)("h1",{className:"title",children:"Practical Programming"}),Object(d.jsxs)("div",{className:"inner",children:[Object(d.jsxs)("div",{className:"junior course",children:[Object(d.jsxs)("aside",{className:"left",children:[Object(d.jsxs)("h2",{className:"junior subtitle",children:["Become A ",v.level]}),Object(d.jsxs)("p",{className:"junior timeAndCost",children:["Total Projects | Approximate Time & Cost",Object(d.jsxs)("span",{className:"value tp",children:[" ",Object(d.jsx)("i",{className:"fas fa-project-diagram"})," ",m," Projects",Object(d.jsx)("i",{className:"fas fa-dollar-sign"})," ",a,Object(d.jsx)("i",{className:"fas fa-dollar-sign"})," ",v.hourlyRate," Hourly",Object(d.jsx)("i",{className:"fas fa-clock"}),"  Approximately ",c," Hour's"]})]}),Object(d.jsxs)("p",{className:"junior target",children:["Target Goals During This Time",Object(d.jsxs)("span",{className:"value",children:[" ",Object(d.jsx)("i",{className:"fas fa-bullseye"})," ",v.description]})]}),Object(d.jsxs)("p",{className:"junior salary",children:["Target Compensation for this Skill Level",Object(d.jsxs)("span",{className:"value",children:[" ",Object(d.jsx)("i",{className:"fas fa-briefcase"})," ",v.salary]})]}),Object(d.jsxs)("p",{className:"junior techStack",children:["Tech Stack",Object(d.jsxs)("span",{className:"value",children:[" ",Object(d.jsx)("i",{className:"fab fa-stack-overflow"})," ",v.techStack.description]})]})]}),Object(d.jsx)("div",{className:"right",children:Object(d.jsx)("div",{className:"junior projects",children:v.projects.map((function(e,t){return Object(d.jsxs)("div",{className:"project",id:t+1+"-"+e.approximateCost,children:[Object(d.jsxs)("div",{className:"pTitleRow",children:[Object(d.jsx)("a",{title:"Example Demo",href:e.demo,className:"projectExample",children:Object(d.jsx)("i",{className:"fas fa-globe"})}),Object(d.jsx)("h3",{className:"projectTitle",children:e.title}),Object(d.jsxs)("div",{className:"projectData",children:[Object(d.jsxs)("p",{className:"projectCost",children:[Object(d.jsx)("i",{className:"fas fa-dollar-sign"})," ",e.approximateCost," USD"]}),Object(d.jsxs)("p",{className:"projectTime",children:[Object(d.jsx)("i",{className:"fas fa-clock"}),e.approximateHours," Hour(s)"]})]})]}),Object(d.jsxs)("p",{className:"projectDescription",children:[Object(d.jsx)("span",{className:"desc",children:e.description}),Object(d.jsx)("img",{src:e.picture,alt:null===e||void 0===e?void 0:e.title,className:"projectPic"}),Object(d.jsx)("p",{className:"technologies",children:e.technologies.map((function(e,t){return Object(d.jsxs)("span",{id:e,className:"technology",children:[" - ",e]},t+1+"-"+e)}))})]}),Object(d.jsxs)("div",{className:"index",children:[Object(d.jsx)("button",{onClick:function(e){var t=e.target.id,a=v.projects[t];P.push(a),localStorage.setItem("Shopping Cart",JSON.stringify(Object(g.a)(new Set(P))));var s,r,o,i,c=localStorage.getItem("Shopping Cart")||"[]",n=Object(g.a)(new Set(JSON.parse(c)))||[],l=n.length;(h.innerHTML=l,n.length>0)?(null===(s=document.querySelector("#cartItems"))||void 0===s||s.classList.remove("hide"),null===(r=document.querySelector("#cartItems"))||void 0===r||r.classList.add("show")):(null===(o=document.querySelector("#cartItems"))||void 0===o||o.classList.add("hide"),null===(i=document.querySelector("#cartItems"))||void 0===i||i.classList.remove("show"));console.log(n)},id:t,className:"cart cartButton",children:"+"}),t+1]})]},t+1+"-"+e.approximateCost)}))})})]}),Object(d.jsx)("div",{className:"techs",children:v.techStack.technologies.map((function(e,t){return Object(d.jsx)("div",{id:e,className:"tech",children:e},t+1+"-"+e)}))})]})]})},A=(a(22),Object(s.createContext)()),y=function(){var e=Object(s.useContext)(A)||[];return Object(s.useEffect)((function(){var e=document.querySelector(".cartItems"),t=JSON.parse(localStorage.getItem("Shopping Cart")||"[]");e.innerHTML=t?JSON.parse(localStorage.getItem("Shopping Cart")||"[]").length:0}),[]),Object(d.jsx)("header",{children:Object(d.jsxs)("div",{className:"inner",children:[Object(d.jsxs)("div",{className:"navigation",children:[Object(d.jsx)("a",{title:"Home",className:"homeLink",href:"./",children:Object(d.jsx)("i",{className:"logo fas fa-code",title:"Logo"})}),Object(d.jsxs)("ul",{children:[Object(d.jsx)("li",{className:"navigation-tab",children:Object(d.jsx)("a",{href:"/browse/classes",children:"Classes"})}),Object(d.jsx)("li",{className:"navigation-tab",children:Object(d.jsx)("a",{href:"/browse/students",children:"Students"})}),Object(d.jsx)("li",{className:"navigation-tab",children:Object(d.jsx)("a",{href:"/browse/projects",children:"Projects"})})]})]}),Object(d.jsxs)("div",{className:"profileSettings navigation",children:[Object(d.jsxs)("ul",{children:[Object(d.jsx)("li",{children:Object(d.jsx)("i",{className:"fas fa-search"})}),Object(d.jsx)("li",{children:Object(d.jsx)("i",{className:"cart fas fa-shopping-cart",children:Object(d.jsx)("span",{className:"cartItems",id:"cartItems",children:e.length})})}),Object(d.jsx)("li",{children:Object(d.jsx)("i",{className:"fas fa-bell"})}),Object(d.jsx)("li",{children:"Welcome, User"})]}),Object(d.jsxs)("div",{className:"dropdown",children:[Object(d.jsx)("img",{alt:"avatar",src:"https://raw.githubusercontent.com/strawhat19/react-netflix-clone/main/public/assets/defaultAvatar.png",className:"avatar"}),Object(d.jsx)("span",{className:"caret",children:Object(d.jsx)("i",{className:"fas fa-caret-down"})})]})]})]})})},C=(a(23),function(e){for(var t=0,a=0;a<e.length;a++)t+=e[a];return t}),N=function(e,t){var a=[],s=[];e.forEach((function(e){a.push(e.approximateHours),s.push(e.approximateCost);var r=C(a),o=C(s);localStorage.setItem("".concat(t," Hours"),r),localStorage.setItem("".concat(t," Cost"),o)}))},w={level:"Full Stack Developer",hourlyRate:30,approximateHours:50,description:"I record every lesson for you to keep forever, and You can quit whenever. By the end of the last project you will be able to apply to Full Stack or Front End Developer Positions or Start Serious FreeLancing or Tutoring as a Business or Side Hustle or become a Mobile App or Game Developer, I myself was at this level for 5 years making $40,000 in year 1 to $75,000 by year 5 (Right Now 2022) and I'm currently interviewing for Senior Level Positions ranging from $90,000 - $200,000.",salary:"MINIMUM $60,000 - $150,000 or MINIMUM $20 - $30 an hour.",techStack:{description:"These are the technologies you will learn by the end of the last project:",technologies:["CMS","Wix","Domains","Hosting","Shopify","SquareSpace","Python","PyCharm","Payment Gateways","Stripe","Square","Paypal","WordPress","OBS - Open Broadcast Software","Plugin Development","C# - C Sharp","C++ - C Plus Plus","Unity - Usually for Simple Game Development with C#","Unreal Engine - Usually for Complex or Console Game Development with C++","MVC - Models Views Controllers Architecture","SEO - Search Engine Optimization","Performance","Auditing","Web Scrapers","Social Feeds","Google Analytics","Webflow","React","Mobile Development","PWA - Progressive Web App","React Native","Dart","Flutter","Kotlin","Android Studio","Swift","XCode - iOS Apps","JSX - JavaScript & XML","TSX - TypeScript & XML","Transpilers","Test Driven Development (TDD)","Express","HBS - HandleBars","MongoDB","MERN - MongoDB, Express, React, Node","MEAN - MongoDB, Express, Angular, Node","SQL - Structured Querying Language","NoSQL","Draggable.js","Three.js - Making 3D JavaScript Objects, Works Well with Blendr on the Web","Next.js","Solid.js","Vue.js","Gatsby.js","Angular"]},projects:[{title:"Tic Tac Toe",approximateHours:1,approximateCost:30,description:"Intro to React Game Development & State Management",picture:"https://camo.githubusercontent.com/79bf2e1e37edb2aae2010927a60f900128282650983637d8acf4a2bfac091602/687474703a2f2f692e67697068792e636f6d2f6c30457863417a3442757563416a7837792e676966",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["React","HTML","CSS","JavaScript","jQuery","TypeScript","Game Development","State Management"]},{title:"Dashboard",approximateHours:2,approximateCost:60,description:"Refresher on Front End Development",picture:"https://raw.githubusercontent.com/app-generator/static/master/admin-dashboards/react-dashboard-material-admin-flatlogic-intro.gif",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","SASS","PHP","JavaScript","jQuery","TypeScript","VS Code"]},{title:"README and Team Profile Generator",approximateHours:3,approximateCost:90,description:"Intro to Node CLI Apps",picture:"https://github.com/strawhat19/Team-Profile-Generator/raw/main/images/step9.gif",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["Node.js","NPM","CLI","JavaScript","TDD","Jest"]},{title:"Notetaker",approximateHours:3,approximateCost:90,description:"Intro to RESTFUL API Development",picture:"https://github.com/strawhat19/NoteTaker/raw/main/public/assets/images/noteTakerFinal.jpg",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","SASS","PHP","Express","JavaScript","jQuery","TypeScript","VS Code","RESTFUL API Development","Database","JSON","API Development"]},{title:"Tune Time | Spotify Playlist Generator",approximateHours:3.5,approximateCost:105,description:"A Spotify Playlist Generator, and a Good Intro to MVC Architecture, SQL, Express & Handlebars",picture:"https://github.com/d4nnyq88/tune-time/raw/main/public/images/dashboardOfficial.jpg",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","SASS","MVC","SQL","JavaScript","jQuery","TypeScript","VS Code","Express","Handlebars","API","Fetch","JSON","AJAX","Async Await","Array & Object Manipulation","Object Oriented Programming","User Registration","Authorization","Database","Full Stack Development"]},{title:"What's Your Deal!?",approximateHours:4.5,approximateCost:135,description:"Stocks Investment App, Intro to MongoDB, Express, React, React Hooks, Context API, Node, MERN Stack",picture:"https://raw.githubusercontent.com/strawhat19/Whats-Your-Deal/main/client/public/assets/screenshot2.JPG",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","SASS","NoSQL","JavaScript","jQuery","TypeScript","VS Code","MongoDB","React","Context API","React Hooks","Express","API","Fetch","JSON","AJAX","Async Await","Array & Object Manipulation","Object Oriented Programming","User Registration","Authorization","Database","Full Stack Development"]},{title:"Netflix Clone",approximateHours:5,approximateCost:150,description:"Deep Dive into React, Redux, Firebase & TSX",picture:"https://github.com/strawhat19/react-netflix-clone/raw/main/public/assets/design5.jpg",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","SASS","NoSQL","JavaScript","jQuery","TypeScript","VS Code","Firebase","Baas","React","Redux","Context API","React Hooks","API","Fetch","JSON","AJAX","Async Await","Array & Object Manipulation","Object Oriented Programming","User Registration","Authorization","Database","Full Stack Development"]},{title:"WordPress Custom Blog",approximateHours:5.5,approximateCost:165,description:"Deep Dive into WordPress Theme Development, Plugin Development & Advanced Custom Fields",picture:"https://github.com/strawhat19/Tutoring-Packages/blob/main/public/assets/images/PPN.JPG?raw=true",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["WordPress","HTML","CSS","SASS","PHP","JavaScript","jQuery","WordPress Theme Development","Plugin Development","Advanced Custom Fields"]},{title:"MyDex | Pokedex Clone",approximateHours:7.5,approximateCost:225,description:"A Pokedex Clone with Advanced Full Stack Development, React, Redux, Firebase & TSX",picture:"https://github.com/strawhat19/MyDex-Pokedex-Clone/raw/main/assets/images/design2.JPG",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","SASS","NoSQL","JavaScript","jQuery","TypeScript","VS Code","Firebase","Baas","React","Redux","Context API","React Hooks","API","Fetch","JSON","AJAX","Async Await","Array & Object Manipulation","Object Oriented Programming","User Registration","Authorization","Database","Full Stack Development"]},{title:"Sanctuary Game Development",approximateHours:10,approximateCost:300,description:"Advanced Game Development with Unity, we make an entire game",picture:"https://raw.githubusercontent.com/strawhat19/Portfolio/main/assets/images/graphics/Sanctuary-Art.png",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["Unity","C#","Photoshop","Illustrator","Procreate","Figma","Game Development","Source Control","Unity Collaboration"]},{title:"React / Vue.js / Angular Full Stack Developer Portfolio",approximateHours:5,approximateCost:150,description:"Advanced Modern JS Framework Development and you can see how fast you code",picture:"https://raw.githubusercontent.com/strawhat19/React-Portfolio/main/public/assets/develeporMode2.JPG",demo:"https://strawhat19.github.io/Piratechs-Email-Signatures/",technologies:["HTML","CSS","SASS","NoSQL","JavaScript","jQuery","TypeScript","VS Code","Firebase","Baas","React","Redux","Context API","React Hooks","API","Fetch","JSON","AJAX","Async Await","Array & Object Manipulation","Object Oriented Programming","User Registration","Authorization","Database","Full Stack Development","Next.js","Solid.js","Vue.js","Gatsby.js","Angular"]}]},T=(a(24),localStorage.getItem("Shopping Cart")),D=JSON.parse(T)||[],M=function(){var e=Object(s.useState)(null),t=Object(j.a)(e,2),a=t[0],r=t[1],o=Object(s.useState)(null),i=Object(j.a)(o,2),c=i[0],n=i[1],l=Object(s.useState)(null),p=Object(j.a)(l,2),m=p[0],u=p[1],h=document.querySelector(".cartItems");return Object(s.useEffect)((function(){var e=w.projects,t=w.level;N(e,t),r(localStorage.getItem("Full Stack Developer Cost")),n(localStorage.getItem("Full Stack Developer Hours")),u(e.length)}),[]),Object(d.jsx)("div",{className:"courses fullStackCourses",children:Object(d.jsxs)("div",{className:"inner",children:[Object(d.jsxs)("div",{className:"fullStack course",children:[Object(d.jsxs)("aside",{className:"left",children:[Object(d.jsxs)("h2",{className:"fullStack subtitle",children:["Become A ",w.level]}),Object(d.jsxs)("p",{className:"fullStack timeAndCost",children:["Time & Cost",Object(d.jsxs)("span",{className:"value tp",children:[" ",Object(d.jsx)("i",{className:"fas fa-project-diagram"})," ",m," Projects",Object(d.jsx)("i",{className:"fas fa-dollar-sign"})," ",a,Object(d.jsx)("i",{className:"fas fa-dollar-sign"})," ",w.hourlyRate," Hourly",Object(d.jsx)("i",{className:"fas fa-clock"}),"  Approximately ",c," Hour's"]})]}),Object(d.jsxs)("p",{className:"fullStack target",children:["Target Goals During This Time",Object(d.jsxs)("span",{className:"value",children:[" ",Object(d.jsx)("i",{className:"fas fa-bullseye"})," ",w.description]})]}),Object(d.jsxs)("p",{className:"fullStack salary",children:["Target Compensation for this Skill Level",Object(d.jsxs)("span",{className:"value",children:[" ",Object(d.jsx)("i",{className:"fas fa-briefcase"})," ",w.salary]})]}),Object(d.jsxs)("p",{className:"fullStack techStack",children:["Tech Stack",Object(d.jsxs)("span",{className:"value",children:[" ",Object(d.jsx)("i",{className:"fab fa-stack-overflow"})," ",w.techStack.description]})]})]}),Object(d.jsx)("div",{className:"right",children:Object(d.jsx)("div",{className:"fullStack projects",children:w.projects.map((function(e,t){return Object(d.jsxs)("div",{className:"project",id:t+1+"-"+e.approximateCost,children:[Object(d.jsxs)("div",{className:"pTitleRow",children:[Object(d.jsx)("a",{title:"Example Demo",href:e.demo,className:"projectExample",children:Object(d.jsx)("i",{className:"fas fa-globe"})}),Object(d.jsx)("h3",{className:"projectTitle",children:e.title}),Object(d.jsxs)("div",{className:"projectData",children:[Object(d.jsxs)("p",{className:"projectCost",children:[Object(d.jsx)("i",{className:"fas fa-dollar-sign"})," ",e.approximateCost," USD"]}),Object(d.jsxs)("p",{className:"projectTime",children:[Object(d.jsx)("i",{className:"fas fa-clock"}),e.approximateHours," Hour(s)"]})]})]}),Object(d.jsxs)("p",{className:"projectDescription",children:[Object(d.jsx)("span",{className:"desc",children:e.description}),Object(d.jsx)("img",{src:e.picture,alt:null===e||void 0===e?void 0:e.title,className:"projectPic"}),Object(d.jsx)("p",{className:"technologies",children:e.technologies.map((function(e,t){return Object(d.jsxs)("span",{id:e,className:"technology",children:[" - ",e]},t+1+"-"+e)}))})]}),Object(d.jsxs)("div",{className:"index",children:[Object(d.jsx)("button",{onClick:function(e){var t=e.target.id,a=w.projects[t];D.push(a),localStorage.setItem("Shopping Cart",JSON.stringify(Object(g.a)(new Set(D))));var s,r,o,i,c=localStorage.getItem("Shopping Cart")||"[]",n=Object(g.a)(new Set(JSON.parse(c)))||[],l=n.length;(h.innerHTML=l,n.length>0)?(null===(s=document.querySelector("#cartItems"))||void 0===s||s.classList.remove("hide"),null===(r=document.querySelector("#cartItems"))||void 0===r||r.classList.add("show")):(null===(o=document.querySelector("#cartItems"))||void 0===o||o.classList.add("hide"),null===(i=document.querySelector("#cartItems"))||void 0===i||i.classList.remove("show"));console.log(n)},id:t,className:"cart cartButton",children:"+"}),t+1]})]},t+1+"-"+e.approximateCost)}))})})]}),Object(d.jsxs)("div",{className:"techs",children:["Hello",w.techStack.technologies.map((function(e,t){return Object(d.jsx)("div",{id:e,className:"tech",children:e},t+1+"-"+e)}))]})]})})},k=A||[],H=function(e){Object(p.a)(a,e);var t=Object(m.a)(a);function a(){var e;Object(n.a)(this,a);for(var s=arguments.length,r=new Array(s),o=0;o<s;o++)r[o]=arguments[o];return(e=t.call.apply(t,[this].concat(r))).state={cart:k,user:{}},e}return Object(l.a)(a,[{key:"componentDidMount",value:function(){var e=Object(c.a)(h.a.mark((function e(){var t,a,s,r,o,i,c,n;return h.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t=localStorage.getItem("Shopping Cart")||"[]",(a=JSON.parse(t))?a.length>0?(null===(o=document.querySelector("#cartItems"))||void 0===o||o.classList.remove("hide"),null===(i=document.querySelector("#cartItems"))||void 0===i||i.classList.add("show")):(null===(c=document.querySelector("#cartItems"))||void 0===c||c.classList.add("hide"),null===(n=document.querySelector("#cartItems"))||void 0===n||n.classList.remove("show")):(null===(s=document.querySelector("#cartItems"))||void 0===s||s.classList.add("hide"),null===(r=document.querySelector("#cartItems"))||void 0===r||r.classList.remove("show"));case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}()},{key:"render",value:function(){return Object(d.jsx)("div",{className:"App",children:Object(d.jsxs)(A.Provider,{value:k,children:[Object(d.jsx)(y,{}),Object(d.jsx)(f,{}),Object(d.jsx)(M,{}),Object(d.jsx)(S,{})]})})}}]),a}(s.Component);i.a.render(Object(d.jsx)(r.a.StrictMode,{children:Object(d.jsx)(H,{})}),document.getElementById("root"))}},[[25,1,2]]]);
  //# sourceMappingURL=main.44e80bf9.chunk.js.map