https://github.com/vkondi/vkondi.github.io
A modern, responsive portfolio website built with React, TypeScript, and Material-UI. Features dark/light theme, interactive project previews, and professional presentation of work experience and skills.
https://github.com/vkondi/vkondi.github.io
dark-theme developer-portfolio frontend material-ui mui portfolio portfolio-website professional-portfolio reactjs responsive-design typescript vercel vishwajeet-kondi vite web-development
Last synced: about 2 months ago
JSON representation
A modern, responsive portfolio website built with React, TypeScript, and Material-UI. Features dark/light theme, interactive project previews, and professional presentation of work experience and skills.
- Host: GitHub
- URL: https://github.com/vkondi/vkondi.github.io
- Owner: vkondi
- License: mit
- Created: 2025-05-29T09:33:00.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2026-04-08T12:58:10.000Z (3 months ago)
- Last Synced: 2026-04-08T14:36:37.729Z (3 months ago)
- Topics: dark-theme, developer-portfolio, frontend, material-ui, mui, portfolio, portfolio-website, professional-portfolio, reactjs, responsive-design, typescript, vercel, vishwajeet-kondi, vite, web-development
- Language: TypeScript
- Homepage: https://vishwajeetkondi.vercel.app
- Size: 1.8 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# Vishwajeet Kondi - Portfolio Website
[](https://github.com/vkondi/vkondi.github.io/actions?query=workflow%3ACI)
[](https://github.com/vkondi/vkondi.github.io/actions)
[](./LICENSE)
[](https://react.dev)
[](https://www.typescriptlang.org)
[](https://mui.com)
[](https://vitejs.dev)
A modern, responsive portfolio website showcasing my professional experience, skills, and personal projects. Built with React, TypeScript, and Material-UI for a clean, professional presentation.
## 🌟 Features
### **Professional Presentation**
- **Responsive Design**: Optimized for desktop, tablet, and mobile devices
- **Dark/Light Theme**: Toggle between themes with smooth transitions
- **Modern UI**: Clean, professional interface using Material-UI components
- **Smooth Animations**: Subtle hover effects and transitions for enhanced UX
### **Content Sections**
- **Profile**: Professional summary and contact information
- **About**: Brief introduction and background
- **Skills**: Comprehensive skill matrix
- **Education**: Degrees, universities, and year of passing
- **Work Experience**: Interactive timeline with company logos and detailed descriptions
- **Personal Projects**: Previews of personal web applications with GitHub links
- **Professional Projects**: Previews of enterprise-level projects with technologies used
- **Blogs**: List of published blogs
### **Interactive Elements**
- **PDF Downloads**: Resume and cover letter downloads with dropdown menu
- **Show More/Less**: Expandable sections for better content organization
- **Live Previews**: Embedded iframe previews of personal projects
- **Social Links**: Direct links to GitHub, LinkedIn, and email
### **Technical Features**
- **TypeScript**: Full type safety and better development experience
- **Responsive Grid**: Adaptive layouts for all screen sizes
- **Performance Optimized**: Fast loading with Vite build system
- **SEO Ready**: Proper meta tags and semantic HTML structure
## 🛠️ Tech Stack
### **Frontend Framework**
- **React 19**: Latest React with modern features
- **TypeScript**: Type-safe development
- **Vite**: Fast build tool and development server
### **UI Framework**
- **Material-UI (MUI)**: Professional component library
- **Emotion**: CSS-in-JS styling solution
- **Framer Motion**: Smooth animations and transitions
## 🚀 Getting Started
### Prerequisites
- Node.js (v18 or higher)
- npm or yarn package manager
### Installation
1. **Clone the repository**
```bash
git clone https://github.com/vkondi/vkondi.github.io.git
cd vkondi.github.io
```
2. **Install dependencies**
```bash
yarn install
```
3. **Start development server**
```bash
yarn dev
```
4. **Open your browser**
Navigate to `http://localhost:5173` to view the application
### Available Scripts
- `yarn dev` - Start development server with hot reload
- `yarn build` - Build for production
- `yarn preview` - Preview production build locally
- `yarn lint` - Run ESLint for code quality
- `yarn lint:fix` - Fix ESLint issues automatically
- `yarn format` - Format code with Prettier
- `yarn format:check` - Check code formatting
- `yarn type-check` - Run TypeScript type checking
- `yarn test` - Run tests in watch mode
- `yarn test:ui` - Run tests with Vitest UI
- `yarn test:coverage` - Run tests with coverage report
- `yarn prepare` - Set up Husky git hooks
- `yarn clean` - Clean build artifacts and cache
## 🎨 Customization
### **Adding New Content**
- Update `portfolioData` object in `DataContext.tsx` which is the master data for all the portfolio information displayed on the website.
### **Styling**
- **Theme**: Modify `theme.ts` for color schemes and typography
- **Components**: Update individual component styles in their respective files
- **Responsive**: Use Material-UI's responsive breakpoints for mobile optimization
## 📱 Mobile Optimization
The portfolio is fully optimized for mobile devices with:
- **Responsive Grid**: Adaptive layouts for different screen sizes
- **Touch-Friendly**: Proper touch targets and spacing
- **Performance**: Optimized images and assets
- **Accessibility**: Screen reader support and keyboard navigation
## 🌐 Deployment
This portfolio is automatically deployed to [Vercel](https://vercel.com) via GitHub Actions CI/CD pipeline.
- **Production URL**: [vkondi.github.io](https://vishwajeetkondi.vercel.app/)
- **Build Status**: See CI badge above
- **Deployment Branch**: `master`
- **Build Command**: `yarn build`
- **Output Directory**: `dist`
The deployment process includes:
- Automated testing and linting
- Type checking validation
- Build optimization with Vite
## 📄 License
This project is open source and available under the [MIT License](./LICENSE).
## 📚 Documentation
- **[Contributing Guide](./CONTRIBUTING.md)**: Detailed guidelines for contributors including development setup, code standards, and pull request process
- **[Testing Guidelines](./docs/TEST-CASE-GUIDELINES.md)**: Comprehensive testing standards and best practices
- **[SEO Guide](./docs/SEO-GUIDE.md)**: SEO implementation details and best practices
- **[Code of Conduct](./CODE_OF_CONDUCT.md)**: Community guidelines and expectations
- **[Pull Request Template](./.github/PULL_REQUEST_TEMPLATE.md)**: Template for submitting pull requests with comprehensive checklists
## 📞 Contact
- **Email**: vkondi@gmail.com
- **LinkedIn**: [Vishwajeet Kondi](https://www.linkedin.com/in/vishwajeetkondi/)
- **GitHub**: [@vkondi](https://github.com/vkondi)
---
_Crafted with chai, code, and a dash of Material-UI magic ☕💻✨_