update links

SadmanYasar · Aug 4, 2023 · 187d23b · 187d23b
1 parent 5c77f86
commit 187d23b
Show file tree

Hide file tree

Showing 8 changed files with 107 additions and 18 deletions.
diff --git a/package.json b/package.json
@@ -16,6 +16,7 @@
     "@theatre/r3f": "^0.6.0",
     "@theatre/studio": "^0.6.0",
     "@types/lodash": "^4.14.195",
+    "cobe": "^0.6.3",
     "framer-motion": "^10.13.1",
     "gsap": "^3.12.2",
     "lodash": "^4.17.21",
@@ -26,7 +27,8 @@
     "react-lottie": "^1.2.3",
     "react-type-animation": "^3.1.0",
     "react-typed": "^1.2.0",
-    "three": "^0.149.0"
+    "three": "^0.149.0",
+    "usehooks-ts": "^2.9.1"
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^3.1.0",

diff --git a/src/App.jsx b/src/App.jsx
@@ -15,6 +15,7 @@ import Hero from "./components/Sections/Hero";
 import About from "./components/Sections/About";
 import TechStacks from "./components/Sections/TechStacks";
 import Projects from "./components/Sections/Projects";
+import { TypeAnimation } from 'react-type-animation';
 
 function Scene() {
   const sheet = useCurrentSheet();
@@ -95,10 +96,29 @@ export default function App() {
             <Hero />
             <About />
             <Projects />
-            <footer className="w-screen text-center text-2xl pt-48 pb-12">
-              @ 2023 Copyright Sadman Yasar Sayem
+            <footer className="w-screen text-center text-2xl md:py-4">
             </footer>
-            <TechStacks />
+            <div className="space-y-4 pt-4">
+              <TechStacks />
+              <TechStacks />
+              <TechStacks />
+            </div>
+            <section
+              className="w-screen max-w-5xl min-h-screen mx-auto px-4 flex flex-col justify-center items-center flex-wrap">
+              <h1 className="font-normal text-3xl md:text-4xl inline-block"><span className="animate-text font-bold bg-clip-text text-transparent bg-gradient-to-r from-teal-300 via-purple-500 to-orange-500">
+                <TypeAnimation
+                  sequence={[
+                    '© Sadman Yasar Sayem 2023',
+                    1000, // Waits 1s
+                    'Made with Theatre.js, Framer Motion and React Three Fiber',
+                    2000, // Waits 2s
+                  ]}
+                  wrapper="span"
+                  cursor={true}
+                  repeat={Infinity}
+                />
+              </span></h1>
+            </section>
           </Scroll>
         </ScrollControls>
       </Canvas>

diff --git a/src/components/Project.jsx b/src/components/Project.jsx
@@ -1,10 +1,11 @@
-export default function Project() {
+export default function Project({ title, techStacks, url }) {
     return (
         <div className="w-full">
-            <div className="h-36 w-full rounded-md border-white border p-1">
-                <div className="flex h-full w-full rounded-md items-center justify-center bg-black back">
-                    <h1 className="text-2xl font-black text-white">Sample Project</h1>
-                </div>
+            <div className="h-36 w-full rounded-md border-white hover:border-cyan-400 border p-1">
+                <a href={url} target="_blank" className="flex flex-col h-full w-full rounded-md items-center justify-center bg-black">
+                    <h1 className="text-2xl font-black text-white">{title}</h1>
+                    <div className="text-slate-300 text-md">{techStacks}</div>
+                </a>
             </div>
         </div>
     );

diff --git a/src/components/Sections/About.jsx b/src/components/Sections/About.jsx
@@ -65,9 +65,18 @@ export default function About() {
                 <div className="text-2xl md:text-right uppercase font-bold text-slate-300">
                     On the Web
                 </div>
-                <div className="text-2xl md:col-start-2 md:col-end-4">
-                    <a href="https://links-sadmanyasar.netlify.app/" target="_blank" className="font-bold rounded-lg animate-text bg-clip-text text-transparent bg-gradient-to-r from-teal-300 via-purple-500 to-orange-500 p-2 focus:text-white hover:text-white">
-                        @sadmanyasar_
+                <div className="grid grid-cols-4 text-2xl md:col-start-2 md:col-end-4">
+                    <a href="https://www.upwork.com/freelancers/~01cfd344d945d1f282?viewMode=1" target="_blank" className="font-bold rounded-lg animate-text bg-clip-text text-transparent bg-gradient-to-r from-teal-300 via-purple-500 to-orange-500 p-2 focus:text-white hover:text-white">
+                        Upwork
+                    </a>
+                    <a href="https://www.linkedin.com/in/Sadman-Yasar-Sayem/" target="_blank" className="font-bold rounded-lg animate-text bg-clip-text text-transparent bg-gradient-to-r from-teal-300 via-purple-500 to-orange-500 p-2 focus:text-white hover:text-white">
+                        LinkedIn
+                    </a>
+                    <a href="https://github.com/SadmanYasar" target="_blank" className="font-bold rounded-lg animate-text bg-clip-text text-transparent bg-gradient-to-r from-teal-300 via-purple-500 to-orange-500 p-2 focus:text-white hover:text-white">
+                        Github
+                    </a>
+                    <a href="https://www.behance.net/sadmanyasar" target="_blank" className="font-bold rounded-lg animate-text bg-clip-text text-transparent bg-gradient-to-r from-teal-300 via-purple-500 to-orange-500 p-2 focus:text-white hover:text-white">
+                        Behance
                     </a>
                 </div>
             </div>

diff --git a/src/components/Sections/Projects.jsx b/src/components/Sections/Projects.jsx
@@ -1,5 +1,33 @@
 import Project from "../Project";
 
+const projects = [
+    {
+        title: "Vet On Call MVP",
+        techStacks: "React Native, GraphQL, Sendbird",
+        url: "https://www.upwork.com/freelancers/~01cfd344d945d1f282?p=1662465195390513152"
+    },
+    {
+        title: "Pathao Merchant Client",
+        techStacks: "React, Dexie, Chakra",
+        url: "https://pathao-merchant-client.netlify.app/"
+    },
+    {
+        title: "Project Mayhem",
+        techStacks: "Unity, C#",
+        url: "https://sy17.itch.io/project-mayhem"
+    },
+    {
+        title: "Prompt Treasure",
+        techStacks: "Next.js, Tailwind, Framer Motion, Strapi",
+        url: "https://prompt-treasure.vercel.app/"
+    },
+    {
+        title: "IAYH Landing Page",
+        techStacks: "React Three Fiber",
+        url: "https://i-am-your-hope.vercel.app/"
+    }
+];
+
 export default function Projects() {
     return (
         <section className="w-full max-w-5xl mx-auto px-4">
@@ -8,9 +36,11 @@ export default function Projects() {
                     Projects
                 </div>
                 <div className="md:col-span-2 space-y-4">
-                    <Project />
-                    <Project />
-                    <Project />
+                    {
+                        projects.map((project, index) => (
+                            <Project key={index} {...project} />
+                        ))
+                    }
                 </div>
             </div>
         </section>

diff --git a/src/components/Sections/TechStacks.jsx b/src/components/Sections/TechStacks.jsx
@@ -69,9 +69,9 @@ function ParallaxText({ children, baseVelocity = 100 }) {
 
 export default function TechStacks() {
     return (
-        <section className="w-screen fixed flex flex-col space-y-4 text-6xl uppercase font-bold">
-            <ParallaxText baseVelocity={-2}>React Express GraphQL AWS AliCloud MongoDB Nodejs Selenium Cypress Docker Strapi</ParallaxText>
-            <ParallaxText baseVelocity={2}>Next.js Three.js Astro Framer Motion Tailwind Linux SQL NoSQL Git React Native Ionic</ParallaxText>
+        <section className="w-screen flex flex-col space-y-4 text-6xl uppercase font-bold">
+            <ParallaxText baseVelocity={-1}>React Express GraphQL AWS AliCloud MongoDB Nodejs Selenium Cypress Docker Strapi</ParallaxText>
+            <ParallaxText baseVelocity={1}>Next.js Three.js Astro Framer Motion Tailwind Linux SQL NoSQL Git React Native Ionic</ParallaxText>
         </section>
     );
 }
diff --git a/vite.config.ts.timestamp-1691141725056.mjs b/vite.config.ts.timestamp-1691141725056.mjs
@@ -0,0 +1,10 @@
+// vite.config.ts
+import { defineConfig } from "file:///C:/Users/PC/Desktop/Web%20Dev%20Projects/Portfolio/react_portfolio_three_theatre/node_modules/vite/dist/node/index.js";
+import react from "file:///C:/Users/PC/Desktop/Web%20Dev%20Projects/Portfolio/react_portfolio_three_theatre/node_modules/@vitejs/plugin-react/dist/index.mjs";
+var vite_config_default = defineConfig({
+  plugins: [react()]
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxQQ1xcXFxEZXNrdG9wXFxcXFdlYiBEZXYgUHJvamVjdHNcXFxcUG9ydGZvbGlvXFxcXHJlYWN0X3BvcnRmb2xpb190aHJlZV90aGVhdHJlXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxQQ1xcXFxEZXNrdG9wXFxcXFdlYiBEZXYgUHJvamVjdHNcXFxcUG9ydGZvbGlvXFxcXHJlYWN0X3BvcnRmb2xpb190aHJlZV90aGVhdHJlXFxcXHZpdGUuY29uZmlnLnRzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9DOi9Vc2Vycy9QQy9EZXNrdG9wL1dlYiUyMERldiUyMFByb2plY3RzL1BvcnRmb2xpby9yZWFjdF9wb3J0Zm9saW9fdGhyZWVfdGhlYXRyZS92aXRlLmNvbmZpZy50c1wiO2ltcG9ydCB7IGRlZmluZUNvbmZpZyB9IGZyb20gXCJ2aXRlXCI7XG5pbXBvcnQgcmVhY3QgZnJvbSBcIkB2aXRlanMvcGx1Z2luLXJlYWN0XCI7XG5cbi8vIGh0dHBzOi8vdml0ZWpzLmRldi9jb25maWcvXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVDb25maWcoe1xuICBwbHVnaW5zOiBbcmVhY3QoKV0sXG59KTtcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBd2EsU0FBUyxvQkFBb0I7QUFDcmMsT0FBTyxXQUFXO0FBR2xCLElBQU8sc0JBQVEsYUFBYTtBQUFBLEVBQzFCLFNBQVMsQ0FBQyxNQUFNLENBQUM7QUFDbkIsQ0FBQzsiLAogICJuYW1lcyI6IFtdCn0K
diff --git a/yarn.lock b/yarn.lock
@@ -781,6 +781,13 @@ chokidar@^3.5.3:
   optionalDependencies:
     fsevents "~2.3.2"
 
+cobe@^0.6.3:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/cobe/-/cobe-0.6.3.tgz#9c3d45ae3a328b7bf709eb17b02f9caff41b22f0"
+  integrity sha512-WHr7X4o1ym94GZ96h7b1pNemZJacbOzd02dZtnVwuC4oWBaLg96PBmp2rIS1SAhUDhhC/QyS9WEqkpZIs/ZBTg==
+  dependencies:
+    phenomenon "^1.6.0"
+
 color-convert@^1.9.0:
   version "1.9.3"
   resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-1.9.3.tgz#bb71850690e1f136567de629d2d5471deda4c1e8"
@@ -1285,6 +1292,11 @@ path-parse@^1.0.7:
   resolved "https://registry.yarnpkg.com/path-parse/-/path-parse-1.0.7.tgz#fbc114b60ca42b30d9daf5858e4bd68bbedb6735"
   integrity sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==
 
+phenomenon@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/phenomenon/-/phenomenon-1.6.0.tgz#7b5b7647d0b48152cc0846994da3d92e8f6da677"
+  integrity sha512-7h9/fjPD3qNlgggzm88cY58l9sudZ6Ey+UmZsizfhtawO6E3srZQXywaNm2lBwT72TbpHYRPy7ytIHeBUD/G0A==
+
 picocolors@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.0.0.tgz#cb5bdc74ff3f51892236eaf79d68bc44564ab81c"
@@ -1741,6 +1753,11 @@ update-browserslist-db@^1.0.11:
     escalade "^3.1.1"
     picocolors "^1.0.0"
 
+usehooks-ts@^2.9.1:
+  version "2.9.1"
+  resolved "https://registry.yarnpkg.com/usehooks-ts/-/usehooks-ts-2.9.1.tgz#953d3284851ffd097432379e271ce046a8180b37"
+  integrity sha512-2FAuSIGHlY+apM9FVlj8/oNhd+1y+Uwv5QNkMQz1oSfdHk4PXo1qoCw9I5M7j0vpH8CSWFJwXbVPeYDjLCx9PA==
+
 util-deprecate@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"