├── .eslintcache ├── .gitignore ├── README.md ├── package-lock.json ├── package.json ├── public ├── favicon.ico └── index.html └── src ├── App.css ├── App.css.map ├── App.scss ├── components ├── App.jsx ├── Home.jsx ├── Nav.jsx ├── Projects.jsx ├── Random.jsx ├── Resume.jsx └── Skill.jsx ├── img ├── Desktop - 8logo2.png ├── eventlogo.svg ├── logo.svg ├── logo1.svg ├── logo2.svg ├── p1.png ├── p2.png ├── p3.png ├── p4.png ├── projectlogo.png ├── resumelogo.png ├── skilllogo.png ├── snakelogo.svg ├── templogo.svg ├── tttlogo.png ├── tttlogo.svg ├── webpandlogo.svg └── worldaffairlogo.svg ├── index.js ├── style ├── _home.scss ├── _nav.scss ├── _pages.scss ├── _project.scss ├── _resume.scss ├── _skill.scss ├── _variable.scss └── animation │ └── _right.scss └── vanilla-tilt.js /.eslintcache: -------------------------------------------------------------------------------- 1 | [{"C:\\Users\\st788\\Desktop\\final\\src\\index.js":"1","C:\\Users\\st788\\Desktop\\final\\src\\components\\App.jsx":"2","C:\\Users\\st788\\Desktop\\final\\src\\components\\Resume.jsx":"3","C:\\Users\\st788\\Desktop\\final\\src\\components\\Projects.jsx":"4","C:\\Users\\st788\\Desktop\\final\\src\\components\\Skill.jsx":"5","C:\\Users\\st788\\Desktop\\final\\src\\components\\Home.jsx":"6","C:\\Users\\st788\\Desktop\\final\\src\\components\\nav.jsx":"7","C:\\Users\\st788\\Desktop\\final\\src\\components\\Nav.jsx":"8","C:\\Users\\st788\\Desktop\\final\\src\\components\\Random.jsx":"9"},{"size":336,"mtime":1611563968098,"results":"10","hashOfConfig":"11"},{"size":711,"mtime":1611764503741,"results":"12","hashOfConfig":"11"},{"size":2617,"mtime":1611819268838,"results":"13","hashOfConfig":"11"},{"size":3920,"mtime":1611751258389,"results":"14","hashOfConfig":"11"},{"size":3126,"mtime":1611757587004,"results":"15","hashOfConfig":"11"},{"size":2601,"mtime":1611755178764,"results":"16","hashOfConfig":"11"},{"size":414,"mtime":1611370936512,"results":"17","hashOfConfig":"18"},{"size":1212,"mtime":1611765544871,"results":"19","hashOfConfig":"11"},{"size":3387,"mtime":1611770448673,"results":"20","hashOfConfig":"11"},{"filePath":"21","messages":"22","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"23"},"17dsh2o",{"filePath":"24","messages":"25","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"23"},{"filePath":"26","messages":"27","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"28","messages":"29","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"30","usedDeprecatedRules":"23"},{"filePath":"31","messages":"32","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"33","usedDeprecatedRules":"23"},{"filePath":"34","messages":"35","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"36","usedDeprecatedRules":"23"},{"filePath":"37","messages":"38","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"1lb9dak",{"filePath":"39","messages":"40","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"41","messages":"42","errorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"43","usedDeprecatedRules":"23"},"C:\\Users\\st788\\Desktop\\final\\src\\index.js",[],["44","45"],"C:\\Users\\st788\\Desktop\\final\\src\\components\\App.jsx",[],"C:\\Users\\st788\\Desktop\\final\\src\\components\\Resume.jsx",["46"],"C:\\Users\\st788\\Desktop\\final\\src\\components\\Projects.jsx",["47","48"],"import React, { useEffect, useRef } from \"react\";\r\nimport Nav from './Nav'\r\nimport imgone from '../img/worldaffairlogo.svg';\r\nimport imgtwo from '../img/webpandlogo.svg';\r\nimport imgthree from '../img/eventlogo.svg';\r\n\r\n\r\nimport VanillaTilt from \"vanilla-tilt\";\r\n\r\nfunction Tilt(props) {\r\n const { options, ...rest } = props;\r\n const tilt = useRef(null);\r\n \r\n useEffect(() => {\r\n VanillaTilt.init(tilt.current, options);\r\n }, [options]);\r\n \r\n return
;\r\n }\r\n \r\n\r\n\r\nconst Projects = () => {\r\n\r\n const options = {\r\n speed: 7000,\r\n scale: 2.4,\r\n max: 30,\r\n gyroscope: false, \r\n\r\n }\r\n\r\n const projectName = [\r\n { weblink:\"https://aranavtiwari.github.io/WA/\", gitlink:\"https://github.com/aranavtiwari/WA\", link:\"linkweb\", iconweb:\"fas fa-globe\", nameweb:\"Web App\" ,icongit:\"fab fa-github\",gitname:\"Github Org\" , class:\"float-right\", img:imgone, heading:\"World Affair\", description:`World Affair is Webapp where you can find most underrated news around the world.\\\r\n I designed and developed the frontend with React/Sass from scratch `},\r\n {iconweb:\"fas fa-globe\", nameweb:\"Web App\", weblink:\"https://webpanda.netlify.app/\" ,icongit:\"fab fa-github\", gitname:\"Github Org\", gitlink:\"https://github.com/aranavtiwari/ast-website\",link:\"linkweb\", rolecss:\"role\", role:\"Freelance Frontend\", direction:\"reverse\", class:\"float-left\", img:imgtwo, heading:\"Web Panda\", description:\"Web Panda was a startup which offers web development service to their client with source code.\\\r\n I worked on the landing page and the entire website from scratch. I utilized react-static to generate static pages with instant navigation. I also organized Design Sprints to target specific audiences, started from scratch with UI/UX to develop a unique brand identity for the company. Made personalized icons. illustrations, animations, etc.\" },\r\n {iconweb:\"fas fa-globe\", nameweb:\"Web App\", weblink:\"#\" ,icongit:\"fab fa-github\", gitname:\"Github Org\", gitlink:\"https://github.com/aranavtiwari/Events-MERN\",link:\"linkweb\", class:\"float-right \", img:imgthree, heading:\"Events\", description:\"Events is a platform where you can views other's personal event's or memories, and you can also share your events and memories.You can give like if you like any events.\"},\r\n \r\n ];\r\n\r\n\r\n const projectShow = () => {\r\n return projectName.map((data) => {\r\n console.log(data.img)\r\n return (\r\n
\r\n
\r\n \r\n

{data.heading}

\r\n

{data.role}

\r\n \r\n

{data.description}

\r\n\r\n
\r\n {data.nameweb}\r\n {data.gitname}\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n )\r\n })\r\n}\r\n\r\nreturn (\r\n
\r\n
\r\n)\r\n \r\n}\r\n\r\nexport default Projects;\r\n\r\n\r\n\r\n\r\n","C:\\Users\\st788\\Desktop\\final\\src\\components\\Skill.jsx",["49"],"import React, { useEffect, useRef } from \"react\";\r\nimport Nav from './Nav'\r\nimport VanillaTilt from \"vanilla-tilt\";\r\nimport img from '../img/skilllogo.png';\r\nimport pone from '../img/p1.png';\r\nimport ptwo from '../img/p2.png';\r\nimport pthree from '../img/p3.png';\r\nimport pfour from '../img/p4.png';\r\n\r\n\r\nfunction Tilt(props) {\r\n const { options, ...rest } = props;\r\n const tilt = useRef(null);\r\n \r\n useEffect(() => {\r\n VanillaTilt.init(tilt.current, options);\r\n }, [options]);\r\n \r\n return
;\r\n }\r\n \r\n function Skill() {\r\n const options = {\r\n speed: 7000,\r\n scale:2.2,\r\n max: 30,\r\n gyroscope: false,\r\n \r\n };\r\n\r\n const skillName = [\r\n {class:\"float-right\", img:pone, heading:\"UX/UI\", description:\"I design the user experience and then style the user interface myself for almost all of the projects I work on.I am flexible in medium and rigid in quality.\"},\r\n { direction:\"reverse\", class:\"float-left\", img:ptwo, heading:\"Frontend\", description:\" Have experience in React, Next and HTML5/CSS/JS along with several templating systems.I prefer to write my own components, and styles that go with it. I want to have absolute control over all the pixels.\" },\r\n {class:\"float-right\", img:pthree, heading:\"Backend\", description:\"While I obsess over frontend, I also recognize that a lot of the functionality of an app is enabled by it's backend.I have worked with NodeJs,Exprss and MongoDB for backend, with databases, APIs, request handling, etc.\"},\r\n { direction:\"reverse\", class:\"float-left\", img:pfour, heading:\"General Programming\", description:\"Given my curious mindset, I have tested the waters of various fields: Databases, Scripting, Web Scraping, DS, Micro-services, CLI tools to name a few.The core of it all is the basic principle of identifying the problem and testing multiple focused approaches till I figure out the optimum solution.\"}\r\n ];\r\n\r\n const skillShow = () => {\r\n return skillName.map((data) => {\r\n console.log(data.img)\r\n return (\r\n
\r\n
\r\n

{data.heading}

\r\n

{data.description}

\r\n
\r\n
\r\n \r\n
\r\n
\r\n )\r\n })\r\n }\r\n\r\n \r\n\r\n\r\n return (\r\n
\r\n
\r\n )\r\n }\r\nexport default Skill;\r\n\r\n","C:\\Users\\st788\\Desktop\\final\\src\\components\\Home.jsx",["50","51"],"import React, { useEffect, useRef } from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport VanillaTilt from \"vanilla-tilt\";\r\nimport Nav from './Nav';\r\nimport img from '../img/logo1.svg'\r\n\r\n\r\n\r\nfunction Tilt(props) {\r\n const { options, ...rest } = props;\r\n const tilt = useRef(null);\r\n\r\n useEffect(() => {\r\n VanillaTilt.init(tilt.current, options);\r\n }, [options]);\r\n\r\n return
;\r\n}\r\n\r\nfunction Home() {\r\n const options = {\r\n scale: 1.3,\r\n speed: 7000,\r\n max: 24,\r\n gyroscope: false, \r\n\r\n \r\n };\r\n\r\n return (\r\n <>\r\n \r\n