From 323e9474f9323ddc7894c0955af742c2b4e0cbdb Mon Sep 17 00:00:00 2001 From: Aman Tahiliani Date: Mon, 24 Jun 2024 00:15:38 -0400 Subject: [PATCH] Linting --- package.json | 1 + public/index.html | 14 ++- public/manifest.json | 20 +++- src/App.css | 148 ++++++++++++++-------------- src/App.js | 25 +++-- src/App.test.js | 6 +- src/components/About.js | 11 ++- src/components/Experience.js | 43 +++++--- src/components/Publication.js | 18 ++-- src/components/contact.js | 128 ++++++++++++------------ src/components/devtools.js | 61 ++++++------ src/components/experienceCard.js | 81 ++++++++------- src/components/publicationSlider.js | 53 +++++++--- src/css/about.css | 48 ++++----- src/css/contact.css | 76 +++++++------- src/css/devtools.css | 99 +++++++++---------- src/css/experience.css | 66 ++++++------- src/css/header.css | 46 ++++----- src/css/publication.css | 38 +++---- src/data/experience.json | 105 ++++++++++---------- src/data/programmingLaguages.json | 26 ++--- src/data/publications.json | 59 +++++------ src/index.css | 6 +- src/index.js | 14 +-- src/reportWebVitals.js | 4 +- src/setupTests.js | 2 +- src/views/Portfolio.js | 2 +- yarn.lock | 5 + 28 files changed, 632 insertions(+), 573 deletions(-) diff --git a/package.json b/package.json index 0015857..6c612f7 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,7 @@ "@testing-library/react": "^13.0.0", "@testing-library/user-event": "^13.2.1", "bootstrap": "^5.1.3", + "prettier": "^3.3.2", "react": "^18.1.0", "react-bootstrap": "^2.3.1", "react-dom": "^18.1.0", diff --git a/public/index.html b/public/index.html index 8143863..104f4c8 100644 --- a/public/index.html +++ b/public/index.html @@ -1,7 +1,6 @@ - + - - + @@ -22,9 +21,9 @@ Learn how to configure a non-root public URL by running `npm run build`. --> Aman Tahiliani - + - +
- - - \ No newline at end of file + + diff --git a/public/manifest.json b/public/manifest.json index 45dc8a2..fa99de7 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -1 +1,19 @@ -{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"} \ No newline at end of file +{ + "name": "", + "short_name": "", + "icons": [ + { + "src": "/android-chrome-192x192.png", + "sizes": "192x192", + "type": "image/png" + }, + { + "src": "/android-chrome-512x512.png", + "sizes": "512x512", + "type": "image/png" + } + ], + "theme_color": "#ffffff", + "background_color": "#ffffff", + "display": "standalone" +} diff --git a/src/App.css b/src/App.css index adc275f..c503e26 100644 --- a/src/App.css +++ b/src/App.css @@ -1,74 +1,74 @@ - .App { - text-align: center; - background-color: black; - position: absolute; - top: 0px; - right: 0px; - left: 0px; - font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; - color: azure; - overflow: hidden - } - - .App-logo { - height: 40vmin; - pointer-events: none; - } - - @media (prefers-reduced-motion: no-preference) { - .App-logo { - animation: App-logo-spin infinite 20s linear; - } - } - - .App-header { - background-color: black; - min-height: 100vh; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: calc(10px + 2vmin); - color: white; - } - - .App-link { - color: #61dafb; - } - - @keyframes App-logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } - } - - .About { - width: 100%; - position: absolute; - top: 120px; - bottom: 0px; - left: 0px; - right: 0px; - } - - hr { - width: 70%; - margin-left: 15% !important; - margin-right: 15% !important; - border: 10px solid aquamarine; - } - - .publications { - margin-top: 230px; - } - - .slick-dots button:before { - color: grey !important; - } - - .slick-dots li.slick-active button:before { - color: White !important; - } \ No newline at end of file +.App { + text-align: center; + background-color: black; + position: absolute; + top: 0px; + right: 0px; + left: 0px; + font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif; + color: azure; + overflow: hidden; +} + +.App-logo { + height: 40vmin; + pointer-events: none; +} + +@media (prefers-reduced-motion: no-preference) { + .App-logo { + animation: App-logo-spin infinite 20s linear; + } +} + +.App-header { + background-color: black; + min-height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: calc(10px + 2vmin); + color: white; +} + +.App-link { + color: #61dafb; +} + +@keyframes App-logo-spin { + from { + transform: rotate(0deg); + } + to { + transform: rotate(360deg); + } +} + +.About { + width: 100%; + position: absolute; + top: 120px; + bottom: 0px; + left: 0px; + right: 0px; +} + +hr { + width: 70%; + margin-left: 15% !important; + margin-right: 15% !important; + border: 10px solid aquamarine; +} + +.publications { + margin-top: 230px; +} + +.slick-dots button:before { + color: grey !important; +} + +.slick-dots li.slick-active button:before { + color: White !important; +} diff --git a/src/App.js b/src/App.js index 7139346..cf708ac 100644 --- a/src/App.js +++ b/src/App.js @@ -9,29 +9,34 @@ import DevToolsComponent from "./components/devtools"; function App() { return ( -
+
- +
-

Publications

- +

+ Publications +

+
- +
-

Experience

- +

+ Experience +

+
-

Dev Tools

- +

+ Dev Tools +

+
{/*

Contact Me!

*/} -
); } diff --git a/src/App.test.js b/src/App.test.js index 1f03afe..9382b9a 100644 --- a/src/App.test.js +++ b/src/App.test.js @@ -1,7 +1,7 @@ -import { render, screen } from '@testing-library/react'; -import App from './App'; +import { render, screen } from "@testing-library/react"; +import App from "./App"; -test('renders learn react link', () => { +test("renders learn react link", () => { render(); const linkElement = screen.getByText(/learn react/i); expect(linkElement).toBeInTheDocument(); diff --git a/src/components/About.js b/src/components/About.js index b54a44f..63686ab 100644 --- a/src/components/About.js +++ b/src/components/About.js @@ -31,10 +31,11 @@ class About extends Component {
  • Currently working at Rimidi, - a Software as a Service (SaaS) startup, full-time as a Software - Engineer with a special emphasis on data interoperabiltiy and - building a robust set of tools to enable secure flow of - sensitive patient health information across health systems. + a Software as a Service (SaaS) startup, full-time as a + Software Engineer with a special emphasis on data + interoperabiltiy and building a robust set of tools to enable + secure flow of sensitive patient health information across + health systems.
  • Graduated from Georgia Tech in 2024 with a Master's Of Science @@ -63,7 +64,7 @@ class About extends Component { href={resume} style={{ color: "black", textDecoration: "none" }} download="Aman_Tahiliani_Resume.pdf" - > + > Resume diff --git a/src/components/Experience.js b/src/components/Experience.js index bd29188..1467edd 100644 --- a/src/components/Experience.js +++ b/src/components/Experience.js @@ -3,27 +3,38 @@ import "bootstrap/dist/css/bootstrap.css"; // import { Row, Col} from "react-bootstrap"; import "../css/experience.css"; import ExperienceCard from "./experienceCard"; -import experienceData from "../data/experience.json" +import experienceData from "../data/experience.json"; import InnovaccerLogo from "../media/logos/companies/innovaccerLogo.png"; -import Medsupervision from "../media/logos/companies/logo.png" -import GeorgiaTech from "../media/logos/companies/GeorgiaTech.png" -import Rimidi from "../media/logos/companies/rimidi.png" +import Medsupervision from "../media/logos/companies/logo.png"; +import GeorgiaTech from "../media/logos/companies/GeorgiaTech.png"; +import Rimidi from "../media/logos/companies/rimidi.png"; -const logos = {Innovaccer:InnovaccerLogo,Medsupervision:Medsupervision,"Georgia Tech":GeorgiaTech,Rimidi:Rimidi} +const logos = { + Innovaccer: InnovaccerLogo, + Medsupervision: Medsupervision, + "Georgia Tech": GeorgiaTech, + Rimidi: Rimidi, +}; class Experience extends Component { - render() { - return ( -
    - {experienceData.map(({company,title, points, term}) =>( + render() { + return ( +
    + {experienceData.map(({ company, title, points, term }) => (
    - -
    + +
    ))} -
    - ); - } +
    + ); } - - export default Experience; \ No newline at end of file +} + +export default Experience; diff --git a/src/components/Publication.js b/src/components/Publication.js index 42adff4..4e70bd2 100644 --- a/src/components/Publication.js +++ b/src/components/Publication.js @@ -7,20 +7,20 @@ class Publication extends Component { render() { return (
    -

    {this.props.title}

    +

    {this.props.title}

    - Authors: {this.props.authors} + Authors: {this.props.authors} -
    Publish Date: {this.props.publish_date}
    +
    Publish Date: {this.props.publish_date}
     - -
    -
    Abstract:
    -
    {this.props.abstract}
    - - + +
    +
    Abstract:
    +
    {this.props.abstract}
    +
    ); } } diff --git a/src/components/contact.js b/src/components/contact.js index dbb03eb..9b79399 100644 --- a/src/components/contact.js +++ b/src/components/contact.js @@ -3,72 +3,70 @@ import "bootstrap/dist/css/bootstrap.css"; // import { Row, Col, TabContainer } from "react-bootstrap"; import "../css/contact.css"; +function Contact() { + const [name, setName] = useState(""); + const [organization, setOrganization] = useState(""); + const [message, setMessage] = useState(""); + const [popup, setPopup] = useState(""); -function Contact () { - const [name, setName] = useState(""); - const [organization, setOrganization] = useState(""); - const [message, setMessage] = useState(""); - const [popup, setPopup] = useState(""); - - let handleSubmit = async (e) => { - e.preventDefault(); - try { - let res = await fetch("http://localhost:8000/sendMail", { - method: "POST", - body: JSON.stringify({ - name: name, - organization: organization, - message: message, - }), - }); - // let resJson = await res.json(); - console.log(res.status) - if (res.status === 200) { - setName(""); - setOrganization(""); - setMessage(""); - setPopup("Message sent successfully"); - } else { - setPopup("Some error occured"); - } - } catch (err) { - console.log(err); + let handleSubmit = async (e) => { + e.preventDefault(); + try { + let res = await fetch("http://localhost:8000/sendMail", { + method: "POST", + body: JSON.stringify({ + name: name, + organization: organization, + message: message, + }), + }); + // let resJson = await res.json(); + console.log(res.status); + if (res.status === 200) { + setName(""); + setOrganization(""); + setMessage(""); + setPopup("Message sent successfully"); + } else { + setPopup("Some error occured"); } - }; - return ( -
    -
    - setName(e.target.value)} - required = "true" - /> -
    - setOrganization(e.target.value)} - /> -
    -