add resume/prettier

rishuraj1 · Aug 18, 2023 · 729d813 · 729d813
1 parent 1ec964f
commit 729d813
Show file tree

Hide file tree

Showing 15 changed files with 115 additions and 103 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -1,15 +1,15 @@
 module.exports = {
   env: { browser: true, es2020: true },
   extends: [
-    'eslint:recommended',
-    'plugin:react/recommended',
-    'plugin:react/jsx-runtime',
-    'plugin:react-hooks/recommended',
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended",
   ],
-  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
-  settings: { react: { version: '18.2' } },
-  plugins: ['react-refresh'],
+  parserOptions: { ecmaVersion: "latest", sourceType: "module" },
+  settings: { react: { version: "18.2" } },
+  plugins: ["react-refresh"],
   rules: {
-    'react-refresh/only-export-components': 'warn',
+    "react-refresh/only-export-components": "warn",
   },
-}
+};
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/postcss.config.js b/postcss.config.js
@@ -3,4 +3,4 @@ export default {
     tailwindcss: {},
     autoprefixer: {},
   },
-}
+};
diff --git a/src/App.jsx b/src/App.jsx
@@ -34,7 +34,7 @@ const App = () => {
   const [darkMode, setDarkMode] = useState(false);
   const [name, setName] = useState("");
   const [messege, setMessege] = useState("");
-  const [over, setOver] = useState(false);
+  // const [over, setOver] = useState(false);
 
   const el = React.useRef(null);
   const typed = React.useRef(null);
@@ -78,17 +78,17 @@ const App = () => {
             </h1>
             <ul className="flex items-center">
               <li>
-                {darkMode ?
+                {darkMode ? (
                   <BsFillSunFill
                     onClick={() => setDarkMode(!darkMode)}
                     className="cursor-pointer fill-yellow-400 text-2xl transition duration-500 hover:scale-125 ease-in-out"
                   />
-                  :
+                ) : (
                   <BsFillMoonStarsFill
                     onClick={() => setDarkMode(!darkMode)}
                     className="cursor-pointer fill-slate-900 text-xl transition duration-500 hover:scale-125 ease-in-out"
                   />
-                }
+                )}
               </li>
               <li>
                 <a
@@ -143,9 +143,9 @@ const App = () => {
           >
             <img
               className="object-cover w-full h-full flex items-center"
-              src={over ? myPhoto : photo}
-              onMouseOver={() => setOver(true)}
-              onMouseOut={() => setOver(false)}
+              src={photo}
+              // onMouseOver={() => setOver(true)}
+              // onMouseOut={() => setOver(false)}
             />
           </div>
         </section>
@@ -228,16 +228,21 @@ const App = () => {
               githubLink={"https://github.com/rishuraj1/ImageNation--React"}
               projectLink={"https://imagenation.vercel.app/"}
               name={"ImageNation"}
-              details={"This is a web app which produces images using AI by taking some input text(prompt) from user. Built using MERN stack and OpenAI API."}
+              details={
+                "This is a web app which produces images using AI by taking some input text(prompt) from user. Built using MERN stack and OpenAI API."
+              }
               className="w-1/3"
             />
             <Project
               image={portPhoto}
               githubLink={"https://github.com/rishuraj1/PortfolioReact"}
               projectLink={"https://rishuraj1.github.io/PortfolioReact/"}
               name={"My personal portfolio website"}
-              details={"I have developed a personalized portfolio using React.js, Tailwind CSS, and Material UI. This portfolio showcases my skills, experiences, and projects in a visually appealing and user-friendly manner. React.js, a popular JavaScript library, serves as the foundation for the portfolio. It enables me to build reusable and modular components, ensuring efficient and maintainable code. With React.js, the portfolio offers a seamless and interactive user experience, allowing smooth navigation and dynamic content updates. Tailwind CSS and Material UI were used to enhance the visual aesthetics of the portfolio."}
-              className="w-1/3" />
+              details={
+                "I have developed a personalized portfolio using React.js, Tailwind CSS, and Material UI. This portfolio showcases my skills, experiences, and projects in a visually appealing and user-friendly manner. React.js, a popular JavaScript library, serves as the foundation for the portfolio. It enables me to build reusable and modular components, ensuring efficient and maintainable code. With React.js, the portfolio offers a seamless and interactive user experience, allowing smooth navigation and dynamic content updates. Tailwind CSS and Material UI were used to enhance the visual aesthetics of the portfolio."
+              }
+              className="w-1/3"
+            />
           </div>
         </section>
 

diff --git a/src/assets/index.js b/src/assets/index.js
@@ -1,15 +1,15 @@
-export { default as photo } from './photo.jpg';
-export { default as myPhoto } from './myPhoto.jpeg';
-export { default as design } from './design.png';
-export { default as code } from './code.png';
-export { default as consulting } from './consulting.png';
-export { default as botImage } from './botImage.jpg';
-export { default as buyMeACoffee } from './buyMeACoffee.png';
-export { default as bmcbuttonwhite } from './bmcbuttonwhite.png';
-export { default as bmcQrCode } from './bmcQrCode.png';
-export { default as GoldmanSachs } from './GoldmanSachs.png';
-export { default as JPMorgan } from './JPMorgan.png';
-export { default as IBM } from './IBM.png';
-export { default as resume } from './myResume.pdf';
-export { default as imagenationLogo } from './imagenationLogo.png';
-export { default as portPhoto } from './portPhoto.jpg';
+export { default as photo } from "./photo.jpg";
+export { default as myPhoto } from "./myPhoto.jpeg";
+export { default as design } from "./design.png";
+export { default as code } from "./code.png";
+export { default as consulting } from "./consulting.png";
+export { default as botImage } from "./botImage.jpg";
+export { default as buyMeACoffee } from "./buyMeACoffee.png";
+export { default as bmcbuttonwhite } from "./bmcbuttonwhite.png";
+export { default as bmcQrCode } from "./bmcQrCode.png";
+export { default as GoldmanSachs } from "./GoldmanSachs.png";
+export { default as JPMorgan } from "./JPMorgan.png";
+export { default as IBM } from "./IBM.png";
+export { default as resume } from "./myResume.pdf";
+export { default as imagenationLogo } from "./imagenationLogo.png";
+export { default as portPhoto } from "./portPhoto.jpg";
diff --git a/src/assets/myResume.pdf b/src/assets/myResume.pdf
diff --git a/src/components/Carousel.jsx b/src/components/Carousel.jsx
@@ -25,7 +25,7 @@ const Carousel = () => {
     if (!isPaused) {
       interval = setInterval(() => {
         setActiveIndex((prevIndex) =>
-          prevIndex === images.length - 1 ? 0 : prevIndex + 1
+          prevIndex === images.length - 1 ? 0 : prevIndex + 1,
         );
       }, 3000);
     }
@@ -39,10 +39,11 @@ const Carousel = () => {
           key={index}
           src={image.src}
           alt={image.alt}
-          className={`object-cover w-3xl h-auto flex items-center ${index === activeIndex
-            ? "opacity-100 transition duration-1000 ease-in-out transform scale-100"
-            : "hidden max-w-full opacity-40 transition duration-1000 ease-in-out transform scale-95"
-            }`}
+          className={`object-cover w-3xl h-auto flex items-center ${
+            index === activeIndex
+              ? "opacity-100 transition duration-1000 ease-in-out transform scale-100"
+              : "hidden max-w-full opacity-40 transition duration-1000 ease-in-out transform scale-95"
+          }`}
           onClick={() => handleClick(index)}
         />
       ))}

diff --git a/src/components/Coffee.jsx b/src/components/Coffee.jsx
@@ -1,14 +1,11 @@
-import React from 'react'
+import React from "react";
 
 const Coffee = ({ image, qrCode }) => {
   return (
-    <a href="https://www.buymeacoffee.com/rrishu561y" target='_blank'>
-        <img 
-        src={image}
-        alt="Buy me a coffee"
-        className='w-40' />
+    <a href="https://www.buymeacoffee.com/rrishu561y" target="_blank">
+      <img src={image} alt="Buy me a coffee" className="w-40" />
     </a>
-  )
-}
+  );
+};
 
-export default Coffee
+export default Coffee;
diff --git a/src/components/MyTimeline.jsx b/src/components/MyTimeline.jsx
@@ -35,7 +35,9 @@ const MyTimeline = () => {
           <Typography variant="h6" component="span">
             Birth
           </Typography>
-          <Typography className="dark:text-teal-400">This is the day, I was born.</Typography>
+          <Typography className="dark:text-teal-400">
+            This is the day, I was born.
+          </Typography>
         </TimelineContent>
       </TimelineItem>
       <TimelineItem>
@@ -58,7 +60,9 @@ const MyTimeline = () => {
           <Typography variant="h6" component="span">
             Sacred Heart School
           </Typography>
-          <Typography className="dark:text-teal-400">Graduated from high school with 84%</Typography>
+          <Typography className="dark:text-teal-400">
+            Graduated from high school with 84%
+          </Typography>
         </TimelineContent>
       </TimelineItem>
       <TimelineItem>
@@ -81,7 +85,9 @@ const MyTimeline = () => {
           <Typography variant="h6" component="span">
             Mother International Academy
           </Typography>
-          <Typography className="dark:text-teal-400">Graduated from senior secondary high school</Typography>
+          <Typography className="dark:text-teal-400">
+            Graduated from senior secondary high school
+          </Typography>
         </TimelineContent>
       </TimelineItem>
       <TimelineItem>

diff --git a/src/components/Project.jsx b/src/components/Project.jsx
@@ -1,39 +1,42 @@
-import * as React from 'react';
-import { AiFillGithub, AiOutlineLink } from 'react-icons/ai';
+import * as React from "react";
+import { AiFillGithub, AiOutlineLink } from "react-icons/ai";
 
 const Project = ({ githubLink, projectLink, image, name, details }) => {
-
   return (
-    <div className='w-full flex flex-col gap-2 justify-center items-center'>
-      <div className='flex flex-col justify-center items-center text-center gap-2 p-2'>
-        <div className='w-[250px]'>
+    <div className="w-full flex flex-col gap-2 justify-center items-center">
+      <div className="flex flex-col justify-center items-center text-center gap-2 p-2">
+        <div className="w-[250px]">
           <img src={image} />
         </div>
-        <div className='flex justify-center items-center p-2'>
-          <h2 className='font-burtons font-semibold text-2xl'>{name}</h2>
+        <div className="flex justify-center items-center p-2">
+          <h2 className="font-burtons font-semibold text-2xl">{name}</h2>
         </div>
-        <div className='flex justify-center items-center'>
+        <div className="flex justify-center items-center">
           <p>{details}</p>
         </div>
       </div>
       <div>
         {/* <button className='bg-gradient-to-r hover:bg-gradient-to-l from-cyan-500 to-teal-500 text-white px-4 py-2 rounded-md \ml-8' onClick={openLink}>View Project</button> */}
-        {
-          projectLink ? (
-            <div className='flex gap-2 justify-center items-center'>
-              <a href={githubLink} target='_blank'><AiFillGithub className="cursor-pointer text-2xl transition duration-500 hover:scale-125 ease-in-out" /></a>
-
-              <a href={projectLink} target='_blank'><AiOutlineLink className='cursor-pointer text-2xl transition duration-500 hover:scale-125 ease-in-out hover:fill-purple-600' /></a>
-            </div>
-          ) : (
-            <div>
-              <a href={githubLink} target='_blank'><AiFillGithub className="cursor-pointer text-2xl transition duration-500 hover:scale-125 ease-in-out" /></a>
-            </div>
-          )
-        }
+        {projectLink ? (
+          <div className="flex gap-2 justify-center items-center">
+            <a href={githubLink} target="_blank">
+              <AiFillGithub className="cursor-pointer text-2xl transition duration-500 hover:scale-125 ease-in-out" />
+            </a>
+
+            <a href={projectLink} target="_blank">
+              <AiOutlineLink className="cursor-pointer text-2xl transition duration-500 hover:scale-125 ease-in-out hover:fill-purple-600" />
+            </a>
+          </div>
+        ) : (
+          <div>
+            <a href={githubLink} target="_blank">
+              <AiFillGithub className="cursor-pointer text-2xl transition duration-500 hover:scale-125 ease-in-out" />
+            </a>
+          </div>
+        )}
       </div>
     </div>
-  )
-}
+  );
+};
 
 export default Project;
diff --git a/src/components/index.js b/src/components/index.js
@@ -1,7 +1,7 @@
-export { default as Service } from './Service.jsx'
-export { default as Project } from './Project.jsx'
-export { default as Coffee } from './Coffee.jsx'
-export { default as QRcode } from './QRcode.jsx'
-export { default as DesignParticles } from './DesignParticles.jsx'
-export { default as Carousel } from './Carousel.jsx'
-export { default as MyTimeline } from './MyTimeline.jsx'
+export { default as Service } from "./Service.jsx";
+export { default as Project } from "./Project.jsx";
+export { default as Coffee } from "./Coffee.jsx";
+export { default as QRcode } from "./QRcode.jsx";
+export { default as DesignParticles } from "./DesignParticles.jsx";
+export { default as Carousel } from "./Carousel.jsx";
+export { default as MyTimeline } from "./MyTimeline.jsx";
diff --git a/src/index.css b/src/index.css
@@ -31,10 +31,10 @@ a {
 
 @font-face {
   font-family: "burtons";
-  src: url('./assets/Burtons.otf');
+  src: url("./assets/Burtons.otf");
 }
 
 @font-face {
   font-family: "pacifico";
-  src: url('./assets/Pacifico-Regular.ttf');
+  src: url("./assets/Pacifico-Regular.ttf");
 }
diff --git a/src/main.jsx b/src/main.jsx
@@ -1,10 +1,10 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.jsx'
-import './index.css'
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App.jsx";
+import "./index.css";
 
-ReactDOM.createRoot(document.getElementById('root')).render(
+ReactDOM.createRoot(document.getElementById("root")).render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>
-)
+  </React.StrictMode>,
+);
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -11,17 +11,17 @@ module.exports = {
   ],
   theme: {
     screens: {
-      'sm': "100px",
-      'md': "400px",
-      'lg': "768px",
+      sm: "100px",
+      md: "400px",
+      lg: "768px",
     },
     extend: {
-      transform: ['hover', 'focus'],
+      transform: ["hover", "focus"],
       fontFamily: {
         burtons: "burtons",
-        pacifico: "pacifico"
+        pacifico: "pacifico",
       },
     },
   },
   plugins: [],
-}
+};
diff --git a/vite.config.js b/vite.config.js
@@ -1,8 +1,8 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  base: '/PortfolioReact/',
+  base: "/PortfolioReact/",
   plugins: [react()],
-})
+});
-Original file line number
+Diff line change
@@ Expand Up / @@ -3,4 +3,4 @@ export default { @@
         tailwindcss: {},
         autoprefixer: {},
       },
-    }
+    };