Getting Started

Prerequisites

• Node.js 18+
• Pnpm
• Giscus
• Github pages

Clone and modify Your Own

git clone https://github.com/stackseekers/stackseekers.github.io.git

using pnpm

cd stackseekers.github.io
pnpm install
pnpm docs:dev

Don't Forget to create your own github repo.

UI Framework used

• Primevue
• Primeflex
• unplugin-vue-components
• Vuepress

Quick Start to learn from scratch

To use it, open up your terminal in the desired directory and run the following command:

Execute one of the following command in terminal:

pnpm

pnpm create vuepress-theme-hope stackseekers

The command will interactively ask for details to configure your VuePress site’s metadata such as:

• Project Name
• Description
• More

Once this done, a scaffolded documentation site will be created in the stackseekers directory (or custom directory name, if passed) under the current directory.

To see it in action, navigate into newly scaffolded directory, install the dependencies and start the local server:

pnpm

cd stackseekers
pnpm install
pnpm docs:dev

Modify bellow features accornding to your need

Free Developer Portfolio Website

• Navbar
• Dropdown Menu
• Collapsible Sidebar
• Giscus: A comments system powered by GitHub Discussions
• Theme
• Responsive - Mobile, Table, Desktop, Large Desktop
• Image path
• Light mode
• Dark mode
• Internationalization
• Primevue Setup
• Custom CSS
• Back to top of the page
• Deploy to GitHub pages
• Code Structure

  ├── README.md
  ├── package.json
  ├── pnpm-lock.yaml
  ├── src
  │   ├── README.md
  │   ├── demo
  │   │   ├── README.md
  │   │   ├── disable.md
  │   │   ├── encrypt.md
  │   │   ├── layout.md
  │   │   ├── markdown.md
  │   │   └── page.md
  │   ├── guide
  │   │   ├── README.md
  │   │   ├── bar
  │   │   │   ├── README.md
  │   │   │   └── baz.md
  │   │   └── foo
  │   │       ├── README.md
  │   │       └── ray.md
  │   ├── portfolio.md
  │   └── zh
  │       ├── README.md
  │       ├── demo
  │       │   ├── README.md
  │       │   ├── disable.md
  │       │   ├── encrypt.md
  │       │   ├── layout.md
  │       │   ├── markdown.md
  │       │   └── page.md
  │       ├── guide
  │       │   ├── README.md
  │       │   ├── bar
  │       │   │   ├── README.md
  │       │   │   └── baz.md
  │       │   └── foo
  │       │       ├── README.md
  │       │       └── ray.md
  │       └── portfolio.md
  └── tsconfig.json
  

Website Content Ideas

1. Hero Section (First Impression)

   Button: “Hire Me for Your Next Project”

   Button: “Get a Free Consultation”

2. Services Offered

   Button: “Discuss Your Project”

3. Portfolio

4. Testimonials

5. Journey

6. Blog Section (Optional)

7. Contact Me

   Button: “Send a Message”

   Button: “Get a Free Quote”

8. Footer Section