Skip to content

HamzaZaidiX/VS-Code-Themed-Portfolio

Repository files navigation

VS Code Themed Portfolio

Open in Vs Code vs code

A Visual Studio Code themed developer portfolio website built with Next.js which has every feature that you have seen in vs code.

Check it out:

Run this Project ➡️ Live Demo 🚀

vscode-portfolio banner

📸 Screenshot:

Screenshot (261)

Features of Project

  • Themes and customizations
    • GitHub Dark (default)
    • One Dark Pro
    • Dracula
    • Ayu
    • Nord
  • Interactive custom terminal

Environment Variables

For fetching your articles from dev.to, create an .env.local file inside the project directory. Check the .env.local.example file for more information.

Running Development Server

npm run dev
# or
yarn dev

Open localhost within your browser to see the result.

All VSCode related components can be found in the components folder. To change the content of the portfolio, check out the pages folder. To add or remove pages, modify components/Sidebar.jsx and components/Tabsbar.jsx.

Next.js

To learn more about Next.js, take a look at the following resources:

Licence

MIT LICENCE Read Licence document for more details ->

Bye! 👋

HOPE U LIKE THIS PROJECT PLEASE! IF YOU ARE USING THIS CODE PLEASE GIVE HAMZA ZAIDI SOME CREDITS BY LIKE & GIVE A HEART!!! 😃👍💛