Skip to content

bchikara/portfolio

Repository files navigation

🚀 VSCode Portfolio

A Visual Studio Code-themed developer portfolio website built using Next.js, designed to showcase your skills, projects, and experience in a sleek, code-editor-like interface. Deployed effortlessly with Vercel.

VSCode Portfolio Preview


🔧 Features

  • Fully responsive and fast ⚡
  • Multiple themes:
    • ✅ GitHub Dark (default)
    • ✅ Dracula
    • ✅ Ayu
    • ✅ Nord
    • ⏳ One Dark Pro (coming soon)
  • Interactive layout with sidebar, tabs, and terminal
  • Easy customization with clean and modular code
  • Supports Markdown and Dev.to integration

📅 Roadmap

  • Multiple theme support
  • One Dark Pro theme
  • Interactive custom terminal
  • Live blog integration via RSS

🧠 Getting Started

1. Clone the repository

git clone https://github.com/your-username/bchikara-portfolio.git
cd bchikara-portfolio

2. Install dependencies

npm install
# or
yarn install

3. Start the development server

npm run dev
# or
yarn dev

Visit http://localhost:3000 to view your portfolio locally.


⚙️ Customization

  • Modify the content of your portfolio in the pages/ directory.
  • Update the layout and components inside the components/ folder.
  • To add or remove tabs/pages, edit:
    • components/Sidebar.jsx
    • components/Tabsbar.jsx

🛠 Environment Variables

To fetch blog posts from Dev.to, create a .env.local file in the project root.

Refer to .env.local.example for variable names and structure.


📦 Deployment

Deploy instantly with Vercel, the platform built by the creators of Next.js.

  • Click below to deploy:

    Deploy with Vercel


📚 Resources


🧑‍💻 License

MIT License © [Your Name]

About

A developer portfolio website built using Next.js, designed to showcase your skills, projects, and experience in a sleek, code-editor-like interface. Deployed effortlessly with Vercel.

Resources

Stars

0 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors