diff --git a/package.json b/package.json index dc01459..c80d4e4 100644 --- a/package.json +++ b/package.json @@ -3,6 +3,9 @@ "version": "0.1.0", "private": true, "dependencies": { + "@fortawesome/fontawesome-svg-core": "^6.1.1", + "@fortawesome/free-solid-svg-icons": "^6.1.1", + "@fortawesome/react-fontawesome": "^0.2.0", "@testing-library/jest-dom": "^5.14.1", "@testing-library/react": "^13.0.0", "@testing-library/user-event": "^13.2.1", diff --git a/src/App.css b/src/App.css index a16964b..8022347 100644 --- a/src/App.css +++ b/src/App.css @@ -7,6 +7,7 @@ left: 0px; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; color: azure; + overflow: hidden } .App-logo { diff --git a/src/App.js b/src/App.js index cf49074..2a3d9e8 100644 --- a/src/App.js +++ b/src/App.js @@ -1,11 +1,9 @@ -import logo from "./logo.svg"; import "./App.css"; import Header from "./components/Header"; import About from "./components/About"; -import Publication from "./components/Publication"; -import publicationData from "./components/publications.json" import { getByTitle } from "@testing-library/react"; import SimpleSlider from "./components/publicationSlider"; +import Experience from "./components/Experience"; function App() { return ( @@ -16,8 +14,12 @@ function App() {

Publications

-
+
+

Experience

+ +
+ ); } diff --git a/src/components/About.js b/src/components/About.js index d4d2426..d8d0d37 100644 --- a/src/components/About.js +++ b/src/components/About.js @@ -4,8 +4,13 @@ import { Grid, Row, Col } from "react-bootstrap"; import "./about.css"; import AmanTahilianiPortfolio from "../media/AmanTahilianiPortfolio.png"; import { Button } from "bootstrap"; -import resume from "../media/AmanTahilianiResumeMay22.pdf" +import resume from "../media/AmanTahilianiResume.pdf" // const img = '../media/AmanTahilianiPortfolio.png' +import { library } from '@fortawesome/fontawesome-svg-core' +import { faFileDownload } from '@fortawesome/free-solid-svg-icons' +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' + +library.add(faFileDownload) class About extends Component { render() { @@ -25,13 +30,12 @@ class About extends Component { {" "} {" "} - + {" "} {" "} diff --git a/src/components/Experience.js b/src/components/Experience.js new file mode 100644 index 0000000..69dcda6 --- /dev/null +++ b/src/components/Experience.js @@ -0,0 +1,27 @@ +import React, { Component } from "react"; +import "bootstrap/dist/css/bootstrap.css"; +import { Row, Col} from "react-bootstrap"; +import "./experience.css"; +import ExperienceCard from "./experienceCard"; +import experienceData from "./experience.json" +import InnovaccerLogo from "../media/innovaccerLogo.png"; +import Medsupervision from "../media/Medsupervision.png" + +const logos = {Innovaccer:InnovaccerLogo,Medsupervision:Medsupervision} + +class Experience extends Component { + render() { + return ( +
+ {experienceData.map(({company,title, points, term}) =>( +
+ +
+
+ ))} +
+ ); + } + } + + export default Experience; \ No newline at end of file diff --git a/src/components/Header.js b/src/components/Header.js index 3b72059..26cc482 100644 --- a/src/components/Header.js +++ b/src/components/Header.js @@ -29,13 +29,13 @@ class Header extends Component { - Experience + Experience Devtools - Contact Me! + Contact Me! diff --git a/src/components/experience.css b/src/components/experience.css new file mode 100644 index 0000000..72af1f5 --- /dev/null +++ b/src/components/experience.css @@ -0,0 +1,47 @@ +.ExperienceComponent { + opacity: 5; + margin-top: 60px; + padding-top: 20px; + padding-bottom: 3%; + margin-left: 4%; + margin-right: 4%; +} + +.Company-Image { + width: 65%; + border: 3px solid hotpink; + border-radius: 10px; +} + +.Company { + font-size: 50px; + font-weight: bold; + font-style: normal; + color: lightyellow; + margin-bottom: 5%; + margin-top: 10%; +} + +li { + list-style-position: outside; + margin-bottom: 10px; +} + +.Company1 { + margin-bottom: 20px; +} + +.experience-details { + padding-left: 3%; + padding-top: 2%; + padding-right: 3%; + width: 90%; + border: 2px solid white; + border-radius: 15px; +} + +.JobTitle { + color: #baffc9; + font-weight: bold; + font-size: 30px; +} \ No newline at end of file diff --git a/src/components/experience.json b/src/components/experience.json new file mode 100644 index 0000000..46f2cda --- /dev/null +++ b/src/components/experience.json @@ -0,0 +1,31 @@ +[{ + "company": "Innovaccer", + "title": "Software Development Engineer Intern (Data Platform)", + "points": [ + "Worked as part of the Data Activation Platform team to create and maintain microservices responsible for parsing and standardizing healthcare data from different sources spanning different data formats such as HL7, CCLF, CCDA etc.", + "Developed the Aggregator Metrics microservice to collect metadata of time taken by DAP microservices to process data for each customer and source type and aggregating them into Snowflake tables in order to represent them in graphical manner.", + "Created a framework for reporting of success and failure metrics of Merge and Split jobs in EMPI (Enterprise Master Patient Index) service." + ], + "term": "Feb 2022 - July 2022" + }, + { + "company": "Innovaccer", + "title": "Summer Intern SDE (Backend- License Management)", + "points": [ + "Created and maintained the backend for two platform level services, License Management and Platform Configuration, as one of three Backend engineers in a team of 9.", + "Maintained over 25 API endpoints using Django RestFramework and ported existing MongoDB collections to PostgreSQL.", + "Optimized a critical API endpoint by reducing the response time from 16 seconds down to under 3 using Redis Caching and bulk creation/updation." + ], + "term": "May 2021 - August 2021" + }, + { + "company": "Medsupervision", + "title": "Web Development Intern", + "points": [ + "Created frontend views and components for the MEDSupervision healthcare platform as per design, using ReactJs framework", + "Designed the frontend as well as backend for a Medicine Comparison tool, which suggests alternate medicines containing same or similar salts, using Flask and React.", + "Optimized website load times." + ], + "term": "Oct 2020 - April 2021" + } +] \ No newline at end of file diff --git a/src/components/experienceCard.js b/src/components/experienceCard.js new file mode 100644 index 0000000..c1ed6cf --- /dev/null +++ b/src/components/experienceCard.js @@ -0,0 +1,55 @@ +import React, { Component } from "react"; +import "bootstrap/dist/css/bootstrap.css"; +import { Row, Col, TabContainer } from "react-bootstrap"; +import "./experience.css"; + +class ExperienceCard extends Component { + render() { + return ( +
+ + +

{this.props.company}

+ + + +
+

{this.props.title}

+

({this.props.term})

+
+
+
    + {this.props.points.map((item,i) =>( +
  • {item}
    • + ))} +
+
+
+ + + +
+ + + + + //
+ //

{this.props.title}

+ // + // Authors: {this.props.authors} + // + // + //
Publish Date: {this.props.publish_date}
+ // + //
+ // Link: {this.props.link} + //
+ //
+ //
Abstract:
+ //
{this.props.abstract}
+ //
+ ); + } +} + +export default ExperienceCard; diff --git a/src/media/AmanTahilianiResume.pdf b/src/media/AmanTahilianiResume.pdf new file mode 100644 index 0000000..84b25a3 Binary files /dev/null and b/src/media/AmanTahilianiResume.pdf differ diff --git a/src/media/AmanTahilianiResumeMay22.pdf b/src/media/AmanTahilianiResumeMay22.pdf deleted file mode 100644 index b62f761..0000000 Binary files a/src/media/AmanTahilianiResumeMay22.pdf and /dev/null differ diff --git a/src/media/Medsupervision.png b/src/media/Medsupervision.png new file mode 100644 index 0000000..9727537 Binary files /dev/null and b/src/media/Medsupervision.png differ diff --git a/src/media/innovaccerLogo.png b/src/media/innovaccerLogo.png new file mode 100644 index 0000000..4dd1be7 Binary files /dev/null and b/src/media/innovaccerLogo.png differ diff --git a/yarn.lock b/yarn.lock index c8e57bf..f6ac470 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1154,6 +1154,32 @@ minimatch "^3.1.2" strip-json-comments "^3.1.1" +"@fortawesome/fontawesome-common-types@6.1.1": + version "6.1.1" + resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.1.1.tgz#7dc996042d21fc1ae850e3173b5c67b0549f9105" + integrity sha512-wVn5WJPirFTnzN6tR95abCx+ocH+3IFLXAgyavnf9hUmN0CfWoDjPT/BAWsUVwSlYYVBeCLJxaqi7ZGe4uSjBA== + +"@fortawesome/fontawesome-svg-core@^6.1.1": + version "6.1.1" + resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.1.1.tgz#3424ec6182515951816be9b11665d67efdce5b5f" + integrity sha512-NCg0w2YIp81f4V6cMGD9iomfsIj7GWrqmsa0ZsPh59G7PKiGN1KymZNxmF00ssuAlo/VZmpK6xazsGOwzKYUMg== + dependencies: + "@fortawesome/fontawesome-common-types" "6.1.1" + +"@fortawesome/free-solid-svg-icons@^6.1.1": + version "6.1.1" + resolved "https://registry.yarnpkg.com/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-6.1.1.tgz#3369e673f8fe8be2fba30b1ec274d47490a830a6" + integrity sha512-0/5exxavOhI/D4Ovm2r3vxNojGZioPwmFrKg0ZUH69Q68uFhFPs6+dhAToh6VEQBntxPRYPuT5Cg1tpNa9JUPg== + dependencies: + "@fortawesome/fontawesome-common-types" "6.1.1" + +"@fortawesome/react-fontawesome@^0.2.0": + version "0.2.0" + resolved "https://registry.yarnpkg.com/@fortawesome/react-fontawesome/-/react-fontawesome-0.2.0.tgz#d90dd8a9211830b4e3c08e94b63a0ba7291ddcf4" + integrity sha512-uHg75Rb/XORTtVt7OS9WoK8uM276Ufi7gCzshVWkUJbHhh3svsUUeqXerrM96Wm7fRiDzfKRwSoahhMIkGAYHw== + dependencies: + prop-types "^15.8.1" + "@humanwhocodes/config-array@^0.9.2": version "0.9.5" resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.9.5.tgz#2cbaf9a89460da24b5ca6531b8bbfc23e1df50c7"