Skip to content

Latest commit

 

History

16 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

💻 VS Code Inspired Developer Portfolio

A developer portfolio website inspired by the Visual Studio Code interface, built using React.js, Tailwind CSS, and React Router.

The project recreates the feel of a real code editor with:

  • Explorer sidebar
  • File-based navigation
  • Syntax-inspired UI
  • Markdown, JSON, JSX, and TypeScript styled sections

🚀 Features

  • ⚛️ VS Code inspired interface
  • 📁 Explorer-style file navigation
  • 🖥 Responsive editor layout
  • 📄 Different file formats for each section
  • 🎨 Tailwind CSS based styling
  • 🔗 React Router navigation
  • 📱 Responsive design

📂 Sections & File Formats

Section Format
About about.jsx
Skills skills.ts
Projects projects.json
Experience experience.md

🛠 Tech Stack

  • React.js
  • Tailwind CSS
  • React Router DOM
  • JavaScript

📸 UI Inspiration

The portfolio UI is inspired by:

  • Visual Studio Code
  • Modern developer workspaces
  • Syntax highlighted editor themes

🔥 Projects Included

  • ChaturGPT – AI Chatbot
  • FinBook – Finance Tracker
  • Paste – Notes Manager

📦 Installation

git clone <your-repository-link>

cd <project-folder>

npm install

npm run dev

🌐 Live Demo

https://devampandey.vercel.app

📌 Future Improvements

  • File tabs system
  • Theme switching
  • Terminal integration
  • Animations & transitions
  • Dynamic project rendering

👨‍💻 Author

Devam Pandey

Frontend Developer passionate about building clean and interactive web experiences.

Currently exploring:

  • MERN Stack
  • Full Stack Development
  • Machine Learning

⭐ If You Like This Project

Give it a star on GitHub ⭐

About

A developer portfolio website inspired by the Visual Studio Code interface, built using React.js, Tailwind CSS, and React Router.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages