Merge pull request #11 from SathyaSeelanG/dev-sathya

Contributions
SathyaSeelanG · Mar 31, 2024 · 37e65f7 · 37e65f7
2 parents e5abd63 + 39b0e53
commit 37e65f7
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 21 deletions.
diff --git a/README.md b/README.md
@@ -1 +1,9 @@
 Portfolio
+
+To deploy Latest
+git checkout gh-pages    
+git merge main  
+git push origin gh-pages  
+
+ npm run build
+ npm run deploy
diff --git a/src/components/About/About.js b/src/components/About/About.js
@@ -25,7 +25,8 @@ function About() {
         fill="#151418ff"
         transform="rotate(-180 720 200)"
       ></path>
-    </svg><ContactWrapper id="about">
+    </svg>
+      <ContactWrapper id="about">
         <div className="Container">
           <div className="SectionTitle">About Me</div>
           <div className="BigCard">
@@ -42,12 +43,12 @@ function About() {
               {/* <br /><br /> */}
 
               <ScrollAnimation animateIn="fadeInLeft">
-               I'm a software developer proficient in Python, React, Node.js, Java, and HTML.
-               With a passion for technology, I leverage these tools to solve complex problems and make people's lives easier. I specialize in building modern web applications using React and Node.js for scalable and user-friendly interfaces and backends. My experience in Java also allows me to build robust large-scale enterprise applications. I have a solid understanding of SQL and NoSQL databases and am always staying up-to-date with the latest industry trends and technologies. 
-              I'm a team player and committed to delivering high-quality work that meets the needs of end-users.   </ScrollAnimation>
+                I'm a software developer proficient in Python, React, Node.js, Java, and HTML.
+                With a passion for technology, I leverage these tools to solve complex problems and make people's lives easier. I specialize in building modern web applications using React and Node.js for scalable and user-friendly interfaces and backends. My experience in Java also allows me to build robust large-scale enterprise applications. I have a solid understanding of SQL and NoSQL databases and am always staying up-to-date with the latest industry trends and technologies.
+                I'm a team player and committed to delivering high-quality work that meets the needs of end-users.   </ScrollAnimation>
 
               <br /><br />
-{/* 
+              {/* 
               <ScrollAnimation animateIn="fadeInLeft">
                 Working collaboratively within a team towards a shared objective has been an incredibly rewarding and unique experience for me. I am eager to continue exploring exciting projects in the future, with a particular interest in web development and cross-platform mobile development.
                 <div className="tagline2">

diff --git a/src/components/About/Tech.js b/src/components/About/Tech.js
@@ -11,11 +11,11 @@ import {
 import ScrollAnimation from "react-animate-on-scroll";
 function About() {
   return (
-    <ContactWrapper id="about">
+    <ContactWrapper id="skill">
       <div className="Container">
         <div className="SectionTitle">Skills</div>
         <div className="BigCard">
-        {/* <ScrollAnimation animateIn="fadeInLeft">
+          {/* <ScrollAnimation animateIn="fadeInLeft">
           <Image
             src="/man-svgrepo-com.svg"
             alt="man-svgrepo"
@@ -41,7 +41,7 @@ function About() {
                 I have become confident using the following technologies:
               </div>
             </ScrollAnimation> */}
-            
+
 
             <Technologies>
               {stackList.map((stack, index) => (

diff --git a/src/components/Contributions/Contributions.js b/src/components/Contributions/Contributions.js
@@ -19,17 +19,20 @@ function Contributions() {
       <div className="SectionTitle" style={{ display: 'flex', alignItems: "center", flexWrap: 'wrap' }}>Work Experience
       </div>
       <div className="BigCard" style={{ padding: '0 10px 10px 10px' }}>
-
-      <div  style={{display: "flex", alignitems: "center"}}>
-        <img alt=" " src={"https://www.spacescan.io/images/spacescan-logo-192.png"} style={{width:"50px", Height :"50px"}} />
-        <a  style={{ marginTop: '15px' , fontSize: '24px' ,fontWeight: 'bold' }}  href={"https://www.spacescan.io/"} >SPACESCAN</a>
+
+        <div style={{ display: "flex", alignitems: "center" }}>
+          <img alt=" " src={"https://www.spacescan.io/images/spacescan-logo-192.png"} style={{ width: "50px", Height: "50px" }} />
+          <a style={{ marginTop: '15px', fontSize: '24px', fontWeight: 'bold' }} href={"https://www.spacescan.io/"} >SPACESCAN</a>
+        </div>
+        <div style={{ display: "flex", alignitems: "center" }}>
+          <p style={{ marginTop: '15px', fontSize: '16px', fontWeight: 'bold' }}> Fullstack developer</p> &nbsp;
+          <p style={{ marginTop: '15px', fontSize: '16px', fontWeight: '' }}> July 2023 - Present </p>
         </div>
-        <div  style={{display: "flex", alignitems: "center"}}>
-              <p style={{ marginTop: '15px' , fontSize: '16px' ,fontWeight: 'bold' }}> Fullstack developer</p> &nbsp;
-              <p style={{ marginTop: '15px' , fontSize: '16px' ,fontWeight: '' }}> July 2023 - Present </p>
-              </div>
-              <p style={{ marginTop: '15px' , fontSize: '16px'  }}>  Specializing in blockchain technology, I excel in crafting intuitive frontends for blockchain explorers, particularly within the dynamic landscape of Chia blockchain. Leveraging Node.js, I seamlessly integrate APIs to grant users immediate access to real-time blockchain data. My adeptness in database management ensures a fluid information flow, empowering users to effortlessly explore and engage with the ever-evolving blockchain ecosystem.
-</p> &nbsp;
+        <p style={{ marginTop: '15px', fontSize: '16px' }}>
+
+
+          As a full-stack developer, I specialize in blockchain technology, adept at crafting intuitive frontends for blockchain explorers, particularly within the dynamic landscape of the Chia blockchain. Leveraging Node.js, I seamlessly integrate APIs to provide users with immediate access to real-time blockchain data. My comprehensive skill set extends to backend development, ensuring robust database management for a fluid information flow. This empowers users to effortlessly explore and engage with the ever-evolving blockchain ecosystem.
+        </p> &nbsp;
       </div>
     </div>
   )

diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js
@@ -3,7 +3,7 @@ import { Nav, Logo, NavLink, Bars, NavMenu, NavBtn } from "./HeaderElements";
 import logoImage from '../../assets/Images/SSlogo.jpg';
 const Header = ({ toggle }) => {
   return (
-    <div className="Container" style={{padding: 0}}>
+    <div className="Container" style={{ padding: 0 }}>
       <Nav>
         <Logo to="/">
           <img src={logoImage} alt="Header Logo" />
@@ -15,8 +15,8 @@ const Header = ({ toggle }) => {
           <NavLink className="menu-item" to="about">
             About
           </NavLink>
-          <NavLink className="menu-item" to="contact">
-            Contact
+          <NavLink className="menu-item" to="skill">
+            Skills
           </NavLink>
         </NavMenu>
         <NavBtn>