assets moved to s3

.firebase/hosting.YnVpbGQ.cache

@@ -1,40 +1,16 @@
-contact.jpeg,1697709021851,d4a54f5a8f5740b4fa6380f7b0a3e8229e8ee731f215d1c572f7dd55764c40a3
-manifest.json,1697709021855,0958a5e0c831126100c8c2d06a6bbaa665a3900f21aaff4130238a6f5a113aa1
-index.html,1697709201627,7bef7df613ff7f4996ad66a53684f8ddcde43b8702a1db8666981c09dda25130
-static/css/main.604309be.css.map,1697709201647,aba6d6c4e4742e252274b9340362c9e5d40a71bcccde55265dbffb946eba36f2
-asset-manifest.json,1697709201647,67051fa16b0eaa60f7ed16417a1ff8e07d4375fbc214684deadeb551c4daca3a
-static/js/main.ac2aa4d2.js.LICENSE.txt,1697709201631,8421e5b473040a0c77bf6aa92e056348f2f47da18f4d36f55cb134cf038fd66b
-static/css/main.604309be.css,1697709201631,ac41805d99d8290ba0f3a0c896b64eb6f2e2ef0e4904aae04e1e9202fbe58884
-static/media/close.8de6460f269d97bdef87c899c2b54e45.svg,1697709201623,c676ada559dda8785074780b2cf254cb6550bbd68c1c76d51f01d3477d2d67fe
-static/media/github.ed1c06d925fff0b57e32.png,1697709201619,9a9e9ce693b89482ea36e1a592ff57762ee7dbc7de17f6d7c2e4930d7f9fd1ca
-static/media/material-ui.d578be631ab00c7f1da6.png,1697709201623,38d20471cb0dd87e76d74fbe9c67b42d141d6d7e97b439fcf4844125109a89cf
-static/media/menu.a14e08da817ed339d3849bc81037592d.svg,1697709201623,46b857e755c7cafaa5f50e9918324e80e81920ea201baf46a44398b6911309f0
-static/media/mongodb.f8bd77b26292f73cdd83.png,1697709201627,c36503437faf7b5450b2350477f9a885621a0e5729c90319b9adf266b8c9952c
-static/media/nodejs.ede2ea79997910cb70a4.png,1697709201627,ccb990d79505666c32144d12afb5be6872812320b3601e7df3f5ab9e81403113
-static/media/redux.3cd90e4a44e3f3b7ba3f.png,1697709201627,20f94c940a524de5a2110c3f183626bae5cd71e58012e84f9b87127def2a57d0
-static/media/vscode.c505fa2f9b328ebacbb4.png,1697709201631,941a74e9f519c08fe708af0314e98e64032ec0eade42349c4b91f8bc23bf6863
-static/media/postman.0e651316de0ca3f5beb3.png,1697709201631,6246aa96b8b3a4b7fd2e23f5de2d426ad1f4cc49a551b3ef14fcac2e555803bb
-static/media/chrome.2df9cf41883425ab7cb0.png,1697709201627,2e833697a3273768386312f2e1fcb051fd9c30623f8922aee3b94f387af1825f
-static/media/backend.08c8d93b8142c41a9e63.png,1697709201623,08e088541ffdeeeb56ff1a3a8a76bf02d265547af24cb1430eafd2790265eadc
-static/media/fullStack.f8923ce18390029928ac.png,1697709201619,2cf8fe7e3855453dec2779403fd486b047aad9dcd151086e03824136bacf7c06
-static/media/scss.2d8cd2ec391a01f61afc.png,1697709201627,f663f4d09faf4840d5ea7e6ff61e2d48b492841149b8412b855ef7970e9d9f61
-static/media/frontend.15e7b89f1018dcdba6e7.png,1697709201619,a9f21096a95b7e671a82dac98888f2a5470cc5bd40a6f767950008e8f76f93eb
-static/media/Amazon-S3.4b8526a2a124de1d3bd9.png,1697709201623,c441891492176fc6dbf0f9a175fb4408d8f6d6a71dfedd4b61b6af4a6608e56a
-static/media/formik-icon.6f8d2c381c3265199bc7.png,1697709201623,2afe35c4840e78218e06dea32cc1039b2139122a658495c0b35a0506abaa4a00
-static/media/ubuntu.b7e4276207fc79317888.png,1697709201631,5e1986c8717ab45933b5eb7c9029f4b1ca0ccf619d97f04a4d5b33b7147e66fa
-logo.png,1697709021851,99bf25ff08190da5c2eba0b49cf9c3a3b3bdf2f5199f87bcd6da1ab52cfd8652
-static/media/cloud.0b0fdd82da4d3f92adc4.png,1697709201619,8e7c36290aad2c012dab780463d43ddee3f08047d06e015ac1ca3dba70d6af41
-static/media/Impress.d5af6df49c04cef277b7.png,1697709201627,6bd912cb3fd6abb7d136f24fafad473bc33193bf8b3f667e552b60e52e615f56
-static/media/logo.3061445298ce0a1f7d58.png,1697709201623,99bf25ff08190da5c2eba0b49cf9c3a3b3bdf2f5199f87bcd6da1ab52cfd8652
-static/media/web.c0cb2cc13791a26822d3.png,1697709201631,ab2eb7dfd9fe4f4c792e7b6567c7d157b1383eaf020c263512448bcdd0dbfd38
-static/media/design.65ffa7c0a61f00d7c76d.png,1697709201619,af8a5b9eab1ceb9c5dc27094ccb0fd75f8a21591033d8a9434b988971a14380a
-static/media/ChatGPT.4ca316ae5dd1e8a739bb.png,1697709201627,d1fbcd0f05ae9173412c5a0f815eaaa27af66c18c0925cddb33471a3e92ce218
-myImage3.png,1697709021859,ff4418e425a658c616c112211cb2bd7e415362e269a9c476ae8dd696838d79e4
-myImage2.png,1697709021859,cf1e8e13dce2f63670e76d074c210356479b7eac3061690fbc0b2e80ef8d8a0c
-myImage1.png,1697709021855,65186c2a8b2c5b800b81ea66e2655b7fdd8df1dcd53498d46c2c49d971d2e17a
-static/js/main.ac2aa4d2.js,1697709201647,439b9ce40eb311281793f3db1276951b10f3c09c454323f5f88d3d4c53b14b05
-static/media/jobit.755da7149642fd049273.png,1697709201619,23649c9f836f6970efb8a32eabbb2df320454d9fe81ea91d0a0df63f57dcf429
-static/media/carrent.6b1e855ede285c40b77f.png,1697709201619,55705172756b24c4dc5916b56c81fb343fd9326865c79adca8c188afdbc7ef34
-static/media/herobg.ad33add2430e34307c33.png,1697709201619,0a214acfed5d4b9536bf895c9ac621e6b2e5a036d86c4b31756b7e34e5d9de8c
-static/media/tripguide.991986c795ea140ba063.png,1697709201631,7a01ea75c300e87f7fe64e87fb067746bc0f24562eed69643f944c3a1748f92c
-static/js/main.ac2aa4d2.js.map,1697709201651,650e45f1adcd75b48cc61da586ad4aecdd7fbc80283d87d6c727d52c6043c599
+asset-manifest.json,1698496138117,52d196d16c85825a786257effc38b17d6257d113402de6d31965c61a0eb200e6
+contact.jpeg,1698496029095,d4a54f5a8f5740b4fa6380f7b0a3e8229e8ee731f215d1c572f7dd55764c40a3
+googleb709ef06ee298545.html,1698496029095,14990d6b70a781f8aada93cdee6cb54de1e5b3080f6f24f747a3ac86fcd33e45
+index.html,1698496138117,676b4c00c3bed49c3d803271eb6708162216933e721e95e87ea1c8666c991a7b
+manifest.json,1698496029095,b48634137c2bb180633fccbc995ee165abbf0fe4bd00141ade771bbe366c2087
+menu.svg,1698496029095,46b857e755c7cafaa5f50e9918324e80e81920ea201baf46a44398b6911309f0
+static/css/main.54240828.css,1698496138141,2c5f49a872a1467d106310c6055fa8b7d2d524f5fa907d5b6deee3831464455c
+static/css/main.54240828.css.map,1698496138141,1fbb4c243a50bce5f6b5b0eb78f6615aff64554e2f4b3f95bb058909aa25c87c
+static/js/main.beb8fa5e.js.LICENSE.txt,1698496138137,8421e5b473040a0c77bf6aa92e056348f2f47da18f4d36f55cb134cf038fd66b
+close.svg,1698496029095,c676ada559dda8785074780b2cf254cb6550bbd68c1c76d51f01d3477d2d67fe
+logo.png,1698496029095,99bf25ff08190da5c2eba0b49cf9c3a3b3bdf2f5199f87bcd6da1ab52cfd8652
+myImage2.png,1698496029099,cf1e8e13dce2f63670e76d074c210356479b7eac3061690fbc0b2e80ef8d8a0c
+myImage3.png,1698496029099,ff4418e425a658c616c112211cb2bd7e415362e269a9c476ae8dd696838d79e4
+myImage1.png,1698496029099,65186c2a8b2c5b800b81ea66e2655b7fdd8df1dcd53498d46c2c49d971d2e17a
+static/js/main.beb8fa5e.js,1698496138141,5a4338d71a9951e8ac899ecfc8d4a614fbcf235f1f85515b6c80815b23487bf2
+static/js/main.beb8fa5e.js.map,1698496138137,28107dfbb895b95cec50b5c444aeab660a60e8ca9440313e816d0a0a6caf69da

.gitignore

@@ -5,6 +5,9 @@
 /.pnp
 .pnp.js
 
+/src/assets
+
+
 # testing
 /coverage
 

package.json

@@ -15,6 +15,7 @@
     "maath": "^0.10.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-helmet": "^6.1.0",
     "react-router-dom": "^6.16.0",
     "react-scripts": "5.0.1",
     "react-tsparticles": "^2.12.2",

public/googleb709ef06ee298545.html

@@ -0,0 +1 @@
+google-site-verification: googleb709ef06ee298545.html

public/index.html

@@ -3,10 +3,8 @@
 
 <head>
   <meta charset="utf-8" />
-  <link rel="icon" href="./logo.png" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#000000" />
-  <meta name="description" content="Web site created using create-react-app" />
   <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
@@ -21,22 +19,18 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-  <title>Rajesh's Portfolio</title>
+  <link rel="icon" href="./logo.png" />
+  <title>Rajesh - Mastering MERN Stack Development for Exceptional Results
+  </title>
+  <meta name="description"
+    content="Hello! I'm Rajesh, a dedicated MERN Stack developer with expertise in AWS and on-page & technical SEO. I'm committed to delivering top-tier development services with a focus on clean architecture and industry best practices. With a strong foundation in Data Structures and Algorithms, your development needs are in capable hands." />
+
+  <meta name="google-site-verification" content="Ues60GZSfUvJfWWmopmj1ukYFtgPh7-OI4mYYrwUr7g" />
 </head>
 
 <body>
   <noscript>You need to enable JavaScript to run this app.</noscript>
   <div id="root"></div>
-  <!--
-      This HTML file is a template.
-      If you open it directly in the browser, you will see an empty page.
-
-      You can add webfonts, meta tags, or analytics to this file.
-      The build step will place the bundled scripts into the <body> tag.
-
-      To begin the development, run `npm start` or `yarn start`.
-      To create a production bundle, use `npm run build` or `yarn build`.
-    -->
 </body>
 
 </html>

src/assets/index.js

@@ -37,9 +37,9 @@ import postman from "./tools/postman.png";
 import ubuntu from "./tools/ubuntu.png";
 import Impress from "./tools/Impress.png";
 
-import carrent from "./carrent.png";
-import jobit from "./jobit.png";
-import tripguide from "./tripguide.png";
+import e_commerce from "./e-commerce.png";
+import proConnectup from "./proConnectup.jpg";
+import portfolio from "./portfolio.png";
 
 export {
   logo,
@@ -76,7 +76,7 @@ export {
   postman,
   ubuntu,
   Impress,
-  carrent,
-  jobit,
-  tripguide,
+  e_commerce,
+  proConnectup,
+  portfolio,
 };

src/components/About.jsx

@@ -21,11 +21,7 @@ const ServiceCard = ({ index, title, icon }) => (
         }}
         className="flex min-h-[280px] flex-col items-center justify-evenly rounded-[20px] bg-tertiary px-12 py-5"
       >
-        <img
-          src={icon}
-          alt="web-development"
-          className="h-16 w-16 object-contain"
-        />
+        <img src={icon} alt={title} className="h-16 w-16 object-contain" />
 
         <h3 className="text-center text-[20px] font-bold text-white">
           {title}

src/components/Contact.jsx

@@ -16,7 +16,7 @@ const Contact = () => {
         >
           <p className={styles.sectionSubText}>Get in touch</p>
           <h3 className={styles.sectionHeadText}>Contact.</h3>
-          <div className="flex-center-center gap-2 mt-8 flex-wrap">
+          <div className="flex-center-center mt-8 flex-wrap gap-2">
             <div>
               <a href="mailto:[email protected]">
                 <Button variant="outlined" endIcon={<Email />}>
@@ -54,7 +54,7 @@ const Contact = () => {
           className="md:h-auto md:flex-1"
         >
           <img
-            src="./contact.jpeg"
+            src="https://rajesh-mern-stack-portfolio-images.s3.ap-south-1.amazonaws.com/assets/contact.jpeg"
             alt="contact-us"
             className="h-full w-full object-contain"
           />

src/components/Experience.jsx

@@ -22,30 +22,30 @@ const ExperienceCard = ({ experience }) => {
       date={experience.date}
       iconStyle={{ background: experience.iconBg }}
       icon={
-        <div className='flex justify-center items-center w-full h-full'>
+        <div className="flex h-full w-full items-center justify-center">
           <img
             src={experience.icon}
-            alt={experience.company_name}
-            className='w-[80%] h-[80%] object-contain'
+            alt={experience.title}
+            className="h-[80%] w-[80%] object-contain"
           />
         </div>
       }
     >
       <div>
-        <h3 className='text-white text-[24px] font-bold'>{experience.title}</h3>
+        <h3 className="text-[24px] font-bold text-white">{experience.title}</h3>
         <p
-          className='text-secondary text-[16px] font-semibold'
+          className="text-[16px] font-semibold text-secondary"
           style={{ margin: 0 }}
         >
           {experience.company_name}
         </p>
       </div>
 
-      <ul className='mt-5 list-disc ml-5 space-y-2'>
+      <ul className="ml-5 mt-5 list-disc space-y-2">
         {experience.points.map((point, index) => (
           <li
             key={`experience-point-${index}`}
-            className='text-white-100 text-[14px] pl-1 tracking-wider'
+            className="pl-1 text-[14px] tracking-wider text-white-100"
           >
             {point}
           </li>
@@ -67,7 +67,7 @@ const Experience = () => {
         </h2>
       </motion.div>
 
-      <motion.div variants={textVariant()} className='mt-20 flex flex-col'>
+      <motion.div variants={textVariant()} className="mt-20 flex flex-col">
         <VerticalTimeline>
           {experiences.map((experience, index) => (
             <ExperienceCard

src/components/Hero.jsx

@@ -50,7 +50,7 @@ const Hero = () => {
         </motion.div>
       </div>
 
-      <div className="flex-center-center mb-32 w-full ">
+      <div className="flex-center-center mb-40 w-full ">
         <a href="#about">
           <div className="flex h-[64px] w-[35px] items-start justify-center rounded-3xl border-4 border-secondary p-2">
             <motion.div

src/components/Navbar.jsx

@@ -3,7 +3,6 @@ import { Link } from "react-router-dom";
 
 import { styles } from "../styles";
 import { navLinks } from "../constants";
-import { logo, menu, close } from "../assets";
 
 const Navbar = () => {
   const [active, setActive] = useState("");
@@ -29,58 +28,62 @@ const Navbar = () => {
     <nav
       className={`${
         styles.paddingX
-      } w-full flex items-center py-5 fixed top-0 z-20 ${
+      } fixed top-0 z-20 flex w-full items-center py-5 ${
         scrolled ? "bg-primary" : "bg-transparent"
       }`}
     >
-      <div className='w-full flex justify-between items-center max-w-7xl mx-auto'>
+      <div className="mx-auto flex w-full max-w-7xl items-center justify-between">
         <Link
-          to='/'
-          className='flex items-center gap-2'
+          to="/"
+          className="flex items-center gap-2"
           onClick={() => {
             setActive("");
             window.scrollTo(0, 0);
           }}
         >
-          <img src={logo} alt='logo' className='w-9 h-9 object-contain' />
-          <p className='text-white text-[18px] font-bold cursor-pointer flex '>
+          <img src="./logo.png" alt="logo" className="h-9 w-9 object-contain" />
+          <p className="flex cursor-pointer text-[18px] font-bold text-white ">
             Rajesh &nbsp;
-            <span className='sm:block hidden'> | MERN Stack Developer</span>
+            <span className="hidden sm:block"> | MERN Stack Developer</span>
           </p>
         </Link>
 
-        <ul className='list-none hidden sm:flex flex-row gap-10'>
+        <ul className="hidden list-none flex-row gap-10 sm:flex">
           {navLinks.map((nav) => (
             <li
               key={nav.id}
               className={`${
                 active === nav.title ? "text-white" : "text-secondary"
-              } hover:text-white text-[18px] font-medium cursor-pointer`}
+              } cursor-pointer text-[18px] font-medium hover:text-white`}
               onClick={() => setActive(nav.title)}
             >
               <a href={`#${nav.id}`}>{nav.title}</a>
             </li>
           ))}
         </ul>
 
-        <div className='sm:hidden flex flex-1 justify-end items-center'>
+        <div className="flex flex-1 items-center justify-end sm:hidden">
           <img
-            src={toggle ? close : menu}
-            alt='menu'
-            className='w-[28px] h-[28px] object-contain'
+            src={
+              toggle
+                ? "https://rajesh-mern-stack-portfolio-images.s3.ap-south-1.amazonaws.com/assets/close.svg"
+                : "https://rajesh-mern-stack-portfolio-images.s3.ap-south-1.amazonaws.com/assets/menu.svg"
+            }
+            alt="menu"
+            className="h-[28px] w-[28px] object-contain"
             onClick={() => setToggle(!toggle)}
           />
 
           <div
             className={`${
               !toggle ? "hidden" : "flex"
-            } p-6 black-gradient absolute top-20 right-0 mx-4 my-2 min-w-[140px] z-10 rounded-xl`}
+            } black-gradient absolute right-0 top-20 z-10 mx-4 my-2 min-w-[140px] rounded-xl p-6`}
           >
-            <ul className='list-none flex justify-end items-start flex-1 flex-col gap-4'>
+            <ul className="flex flex-1 list-none flex-col items-start justify-end gap-4">
               {navLinks.map((nav) => (
                 <li
                   key={nav.id}
-                  className={`font-poppins font-medium cursor-pointer text-[16px] ${
+                  className={`font-poppins cursor-pointer text-[16px] font-medium ${
                     active === nav.title ? "text-white" : "text-secondary"
                   }`}
                   onClick={() => {