logo

heartstchr · Jan 18, 2025 · baf33b0 · baf33b0
1 parent 7542751
commit baf33b0
Show file tree

Hide file tree

Showing 7 changed files with 127 additions and 268 deletions.
diff --git a/docs/.vuepress/config.ts b/docs/.vuepress/config.ts
@@ -59,7 +59,7 @@ export default defineUserConfig({
     ],
   ],
   theme,
-  shouldPrefetch: false,
+  shouldPrefetch: true,
   define: {
     __VITE_YOUTUBE_API_KEY__: process.env.VITE_YOUTUBE_API_KEY,
     __VITE_YOUTUBE_CHANNEL_ID__: process.env.VITE_YOUTUBE_CHANNEL_ID,

diff --git a/docs/.vuepress/navbar/en.ts b/docs/.vuepress/navbar/en.ts
@@ -1,7 +1,7 @@
 import { navbar } from "vuepress-theme-hope";
 
 export const enNavbar = navbar([
-  "/",
+  { text: "Home", icon: "pi pi-home", link: "/" },
   { text: "Projects", icon: "pi pi-briefcase", link: "/projects/" },
   {
     text: "Services",

diff --git a/docs/.vuepress/theme.ts b/docs/.vuepress/theme.ts
@@ -47,6 +47,7 @@ export default hopeTheme({
   },
   blog: {},
   plugins: {
+    seo: true,
     blog: true,
     comment: {},
     // Disable features you don’t want here

diff --git a/docs/README.md b/docs/README.md
@@ -1,13 +1,13 @@
 ---
 home: true
 icon: pi pi-home
-title: Home
+title: Freelance developer
 heroImage: /img/jiwan.png
 heroText: Hi, I am Jiwan Ghosal
 tagline: Experienced full-stack developer specializing in scalable web, mobile, and software solutions.
 containerClass: fancy-container
 actions:
-  - text: Let’s bring your vision to life
+  - text: Let’s discuss
     icon: pi pi-calendar-clock
     link: https://cal.com/stackseekers
     type: primary
@@ -20,7 +20,7 @@ copyright: false
 
 <div class="hidden">
   <div class="text-4xl font-bold">Scaling startups, Elevating Industry Giants</div>
-  <div class="my-4 text-xl">Experienced full-stack developer specializing in scalable web, mobile, and software solutions.</div>
+  <div class="my-4 text-xl">Experienced freelance full-stack developer specializing in scalable web, mobile, and software solutions.</div>
 </div>
 
 <div class="my-6">
@@ -32,11 +32,11 @@ copyright: false
   <div class="my-4 flex flex-column md:flex-row justify-content-center gap-2">
     <div class="md:col col-12 border-round-md md:p-2 md:m-2 vp-feature-item flex align-items-center justify-content-center" v-for="org in orgs" :key="org.title">
       <div class="no-underline flex flex-column justify-content-center flex-wrap">
-        <div class="mr-2 flex align-items-center justify-content-center">
+        <div class="mb-2 flex align-items-center justify-content-center">
           <img :src="org.icon" alt="Avatar" width="80px" class="border-round-md"/>
         </div>
-        <div class="text-2xl font-bold flex align-items-center justify-content-center"><span>{{org.title}}</span></div>
-        <div class="text-xs flex align-items-center justify-content-center line-height-2">{{org.details}}</div>
+        <div class="text-2xl font-bold flex align-items-center justify-content-center"><span class="line-height-3">{{org.title}}</span></div>
+        <div class="text-xs flex align-items-center justify-content-center line-height-2 text-center">{{org.details}}</div>
       </div>
     </div>
   </div>
@@ -143,7 +143,7 @@ copyright: false
   <div class="grid mt-4">
     <div class="md:col col-6 text-center" v-for="stackLogo in stackLogos" :key="stackLogo.title">
       <i :class="stackLogo.icon" class="m-auto text-400 pl-3" style="font-size: 5rem"></i>
-      <img :src="stackLogo.link" alt="Avatar" width="100px" />
+      <img  height="50" :src="stackLogo.link" alt="Avatar"/>
     </div>
   </div>
   <div class="text-center pb-4">
@@ -227,7 +227,7 @@ copyright: false
         <Button label="Let's collaborate now!" icon="pi pi-briefcase" severity="primary" raised rounded />
       </a>
     </div>
-    <div class="flex flex-row justify-content-end flex-wrap gap-4 mx-6">
+    <div class="flex flex-row justify-content-end flex-wrap gap-4 mx-6 ">
       <a
         v-for="(socialElement, socialIndex) in social"
         :key="socialIndex"
@@ -239,7 +239,7 @@ copyright: false
         </a>
     </div>
   </div>
-  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 60 1440 220"><path fill="#10b981" fill-opacity="0.1" d="M0,128L40,144C80,160,160,192,240,192C320,192,400,160,480,160C560,160,640,192,720,176C800,160,880,96,960,80C1040,64,1120,96,1200,144C1280,192,1360,256,1400,288L1440,320L1440,320L1400,320C1360,320,1280,320,1200,320C1120,320,1040,320,960,320C880,320,800,320,720,320C640,320,560,320,480,320C400,320,320,320,240,320C160,320,80,320,40,320L0,320Z"></path></svg>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 60 1440 220" class="-mb-1"><path fill="#10b981" fill-opacity="0.1" d="M0,128L40,144C80,160,160,192,240,192C320,192,400,160,480,160C560,160,640,192,720,176C800,160,880,96,960,80C1040,64,1120,96,1200,144C1280,192,1360,256,1400,288L1440,320L1440,320L1400,320C1360,320,1280,320,1200,320C1120,320,1040,320,960,320C880,320,800,320,720,320C640,320,560,320,480,320C400,320,320,320,240,320C160,320,80,320,40,320L0,320Z"></path></svg>
 </div>
 
 <script setup lang="ts">
@@ -643,19 +643,27 @@ const orgs= [
 
   const stackLogos = [
     {
-      link: '/img/stacks/vuejs.png',
-      title: 'VueJs',
+      link: 'https://cdn.simpleicons.org/javascript?viewbox=auto',
+      title: 'Javascript',
     },
     {
-      link: '/img/stacks/reactjs.png',
+      link: 'https://cdn.simpleicons.org/typescript?viewbox=auto',
+      title: 'Typescript',
+    },
+    {
+      link: 'https://cdn.simpleicons.org/vuedotjs?viewbox=auto',
+      title: 'vuejs',
+    },
+    {
+      link: 'https://cdn.simpleicons.org/react?viewbox=auto',
       title: 'ReactJS',
     },
     {
-      link: '/img/stacks/nodejs.png',
+      link: 'https://cdn.simpleicons.org/nodedotjs?viewbox=auto',
       title: 'NodeJs',
     },
     {
-      link: '/img/stacks/mongodb.png',
+      link: 'https://cdn.simpleicons.org/mongodb?viewbox=auto',
       title: 'MongoDb',
     }
   ]

diff --git a/docs/about/index.md b/docs/about/index.md
@@ -186,49 +186,48 @@ copyright: false
       frameworks_and_libraries: {
         title: "Frameworks and Libraries",
         technologies: [
-          { name: "React", logoUrl: "/img/stacks/reactjs.png" },
-          { name: "Next.js", logoUrl: "/img/stacks/nextjs.svg" },
-          { name: "Vue.js", logoUrl: "/img/stacks/vuejs.png" },
-          { name: "Nuxt.js", logoUrl: "/img/stacks/nuxt.svg" },
-          { name: "Ant Design", logoUrl: "" },
-          { name: "Primevue", logoUrl: "" },
-          { name: "Shadcn", logoUrl: "" },
-          { name: "Quasar", logoUrl: "" },
+          { name: "React", logoUrl: "https://cdn.simpleicons.org/react" },
+          { name: "Next.js", logoUrl: "https://cdn.simpleicons.org/nextdotjs/black/white" },
+          { name: "Vue.js", logoUrl: "https://cdn.simpleicons.org/vuedotjs" },
+          { name: "Nuxt.js", logoUrl: "https://cdn.simpleicons.org/nuxt" },
+          { name: "Ant Design", logoUrl: "https://cdn.simpleicons.org/antdesign" },
+          { name: "Primevue", logoUrl: "https://cdn.simpleicons.org/primevue" },
+          { name: "Shadcn", logoUrl: "https://cdn.simpleicons.org/shadcnui/black/white" },
+          { name: "Quasar", logoUrl: "https://cdn.simpleicons.org/quasar/black/white" },
         ]
       },
       styling: {
         title: "Styling Tools",
         technologies: [
-          { name: "Tailwind CSS", logoUrl: "" },
-          { name: "PrimeFlex", logoUrl: "" },
-          { name: "Bootstrap", logoUrl: "" },
-          { name: "Material-UI", logoUrl: "" },
-          { name: "Ant Design", logoUrl: "" },
+          { name: "Tailwind CSS", logoUrl: "https://cdn.simpleicons.org/tailwindcss" },
+          { name: "PrimeFlex", logoUrl: "https://cdn.simpleicons.org/primefaces" },
+          { name: "Bootstrap", logoUrl: "https://cdn.simpleicons.org/bootstrap" },
+          { name: "Material-UI", logoUrl: "https://cdn.simpleicons.org/mui" },
         ]
       },
       stateManagement: {
         title: "State Management",
         technologies: [
-          { name: "Pinia", logoUrl: "" },
-          { name: "Redux", logoUrl: "" },
-          { name: "vuex", logoUrl: "" },
+          { name: "Pinia", logoUrl: "https://cdn.simpleicons.org/" },
+          { name: "Redux", logoUrl: "https://cdn.simpleicons.org/" },
+          { name: "vuex", logoUrl: "https://cdn.simpleicons.org/" },
         ]
       },
       buildTools: {
         title: "Build Tools",
         technologies: [
-          { name: "Vite", logoUrl: "" },
-          { name: "Rollup", logoUrl: "" },
-          { name: "Webpack", logoUrl: "" },
+          { name: "Vite", logoUrl: "https://cdn.simpleicons.org/vite" },
+          { name: "Rollup", logoUrl: "https://cdn.simpleicons.org/rollupdotjs" },
+          { name: "Webpack", logoUrl: "https://cdn.simpleicons.org/webpack" },
         ]
       },
       testing: {
         title: "Testing",
         technologies: [
-          { name: "Jest", logoUrl: "" },
-          { name: "Testcafe", logoUrl: "" },
-          { name: "Playwrite", logoUrl: "" },
-          { name: "Lighthouse", logoUrl: "" },
+          { name: "Jest", logoUrl: "https://cdn.simpleicons.org/jest" },
+          { name: "Testcafe", logoUrl: "https://cdn.simpleicons.org/testcafe" },
+          { name: "Playwrite", logoUrl: "https://cdn.simpleicons.org/playwright" },
+          { name: "Lighthouse", logoUrl: "https://cdn.simpleicons.org/lighthouse" },
         ]
       }
     }
@@ -239,16 +238,16 @@ copyright: false
       languages_and_frameworks: {
         title: "Languages and Frameworks",
         technologies: [
-          { name: "Node.js", logoUrl: "/img/stacks/nodejs.png" },
-          { name: "Express.js", logoUrl: "" },
+          { name: "Node.js", logoUrl: "https://cdn.simpleicons.org/nodedotjs" },
+          { name: "Express.js", logoUrl: "https://cdn.simpleicons.org/express/black/white" },
         ]
       },
       microservices_and_apis: {
         title: "APIs",
         technologies: [
-          { name: "RESTful API", logoUrl: "" },
-          { name: "Web Socket", logoUrl: "" },
-          { name: "GraphQL", logoUrl: "" }
+          { name: "RESTful API", logoUrl: "https://cdn.simpleicons.org/swagger" },
+          { name: "Web Socket", logoUrl: "https://cdn.simpleicons.org/socketdotio/black/white" },
+          { name: "GraphQL", logoUrl: "https://cdn.simpleicons.org/graphql" }
         ]
       }
     }
@@ -259,13 +258,12 @@ copyright: false
       languages_and_frameworks: {
         title: "",
         technologies: [
-          { name: "MySQL", logoUrl: "" },
-          { name: "PostgreSQL", logoUrl: "" },
-          { name: "MS SQL Server", logoUrl: "" },
-          { name: "DynamoDB", logoUrl: "" },
-          { name: "Firebase Firestore", logoUrl: "" },
-          { name: "Prisma", logoUrl: "" },
-          { name: "MongoDB", logoUrl: "/img/stacks/mongodb.png" },
+          { name: "MySQL", logoUrl: "https://cdn.simpleicons.org/mysql" },
+          { name: "PostgreSQL", logoUrl: "https://cdn.simpleicons.org/postgresql" },
+          { name: "DynamoDB", logoUrl: "https://cdn.simpleicons.org/amazondynamodb" },
+          { name: "Firebase", logoUrl: "https://cdn.simpleicons.org/firebase" },
+          { name: "Prisma", logoUrl: "https://cdn.simpleicons.org/prisma" },
+          { name: "MongoDB", logoUrl: "https://cdn.simpleicons.org/mongodb" },
         ]
       },
     }
@@ -276,20 +274,21 @@ copyright: false
       web_hosting: {
         title: "Web Hosting",
         technologies: [
-          { name: "Vercel", logoUrl: "" },
-          { name: "Netlify", logoUrl: "" },
-          { name: "Heroku", logoUrl: "" },
-          { name: "Azure", logoUrl: "" },
-          { name: "AWS", logoUrl: "" },
+          { name: "Vercel", logoUrl: "https://cdn.simpleicons.org/vercel/black/white" },
+          { name: "Netlify", logoUrl: "https://cdn.simpleicons.org/netlify" },
+          { name: "Heroku", logoUrl: "https://cdn.simpleicons.org/heroku" },
+          { name: "Github pages", logoUrl: "https://cdn.simpleicons.org/githubpages/black/white" },
+          { name: "Azure", logoUrl: "https://cdn.simpleicons.org/" },
+          { name: "AWS", logoUrl: "https://cdn.simpleicons.org/awslambda" },
         ]
       },
       CI_CD: {
         title: "CI/CD",
         technologies: [
-          { name: "Github Action", logoUrl: "" },
-          { name: "Azure Devops", logoUrl: "" },
-          { name: "GitLab CI/CD", logoUrl: "" },
-          { name: "Jenkins", logoUrl: "" },
+          { name: "Github Action", logoUrl: "https://cdn.simpleicons.org/githubactions" },
+          { name: "Azure Devops", logoUrl: "https://cdn.simpleicons.org/" },
+          { name: "GitLab CI/CD", logoUrl: "https://cdn.simpleicons.org/gitlab" },
+          { name: "Jenkins", logoUrl: "https://cdn.simpleicons.org/jenkins" },
         ]
       },
     }
@@ -300,39 +299,36 @@ copyright: false
       version_control: {
         title: "Version control",
         technologies: [
-          { name: "GitHub", logoUrl: "" },
-          { name: "GitLab", logoUrl: "" },
-          { name: "Bitbucket", logoUrl: "" },
-          { name: "Azure Devops", logoUrl: "" },
+          { name: "GitHub", logoUrl: "https://cdn.simpleicons.org/github" },
+          { name: "GitLab", logoUrl: "https://cdn.simpleicons.org/gitlab" },
+          { name: "Bitbucket", logoUrl: "https://cdn.simpleicons.org/bitbucket" },
+          { name: "Azure Devops", logoUrl: "https://cdn.simpleicons.org/" },
         ]
       },
       package_manager: {
         title: "Package managers",
         technologies: [
-          { name: "npm", logoUrl: "" },
-          { name: "yarn", logoUrl: "" },
-          { name: "pnpm", logoUrl: "" },
-          { name: "bun", logoUrl: "" },
+          { name: "npm", logoUrl: "https://cdn.simpleicons.org/npm" },
+          { name: "yarn", logoUrl: "https://cdn.simpleicons.org/yarn" },
+          { name: "pnpm", logoUrl: "https://cdn.simpleicons.org/pnpm" },
+          { name: "bun", logoUrl: "https://cdn.simpleicons.org/bun/black/white" },
         ]
       },
       code_quality: {
         title: "Code Quality",
         technologies: [
-          { name: "ESLint", logoUrl: "" },
-          { name: "Prettier", logoUrl: "" },
-          { name: "SonarQube", logoUrl: "" },
-          { name: "Fortify", logoUrl: "" },
-          { name: "Nexus", logoUrl: "" },
+          { name: "ESLint", logoUrl: "https://cdn.simpleicons.org/eslint" },
+          { name: "Prettier", logoUrl: "https://cdn.simpleicons.org/prettier" },
+          { name: "SonarQube", logoUrl: "https://cdn.simpleicons.org/sonarqube" },
         ]
       },
       collaboration: {
         title: "Collaboration",
         technologies: [
-          { name: "Jira", logoUrl: "" },
-          { name: "Trello", logoUrl: "" },
-          { name: "Azure Boards", logoUrl: "" },
-          { name: "Slack", logoUrl: "" },
-          { name: "Teams", logoUrl: "" },
+          { name: "Jira", logoUrl: "https://cdn.simpleicons.org/jira" },
+          { name: "Trello", logoUrl: "https://cdn.simpleicons.org/trello" },
+          { name: "Slack", logoUrl: "https://cdn.simpleicons.org/slack" },
+          { name: "Teams", logoUrl: "https://cdn.simpleicons.org/team" },
         ]
       },
     }

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
-  "name": "Jiwan ghosal",
+  "name": "jiwanghosal",
   "version": "2.0.0",
-  "description": "A portfolio of Jiwan ghosal",
+  "description": "Experienced full-stack freelance developer specializing in scalable web, mobile, and software solutions",
   "type": "module",
   "scripts": {
     "docs:build": "vuepress build docs --clean-cache",
@@ -21,6 +21,7 @@
   },
   "dependencies": {
     "@primevue/themes": "^4.2.5",
+    "@vuepress/plugin-seo": "2.0.0-rc.3",
     "axios": "^1.7.9",
     "googleapis": "^144.0.0",
     "primeflex": "^3.3.1",