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
- ⚛️ 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
| Section | Format |
|---|---|
| About | about.jsx |
| Skills | skills.ts |
| Projects | projects.json |
| Experience | experience.md |
- React.js
- Tailwind CSS
- React Router DOM
- JavaScript
The portfolio UI is inspired by:
- Visual Studio Code
- Modern developer workspaces
- Syntax highlighted editor themes
- ChaturGPT – AI Chatbot
- FinBook – Finance Tracker
- Paste – Notes Manager
git clone <your-repository-link>
cd <project-folder>
npm install
npm run devhttps://devampandey.vercel.app- File tabs system
- Theme switching
- Terminal integration
- Animations & transitions
- Dynamic project rendering
Devam Pandey
Frontend Developer passionate about building clean and interactive web experiences.
Currently exploring:
- MERN Stack
- Full Stack Development
- Machine Learning
Give it a star on GitHub ⭐