A modern, responsive developer portfolio built with React, TypeScript, Vite, and Tailwind CSS — deployed on Vercel.
- Fully Responsive — Looks great on mobile, tablet, and desktop
- PWA Ready — Installable as a Progressive Web App via the browser
- Modern UI — Built with Tailwind CSS and shadcn/ui component library
- Type-Safe — 96%+ TypeScript codebase for reliability and maintainability
- Fast & Lightweight — Vite-powered build with optimized production output
- ESLint Configured — Clean, consistent code style enforced throughout
- MIT Licensed — Open source and free to use as a template
| Technology | Purpose |
|---|---|
| React + TypeScript | UI framework & type safety |
| Vite | Build tool & dev server |
| Tailwind CSS | Utility-first styling |
| shadcn/ui | Accessible UI components |
| PostCSS | CSS processing |
| ESLint | Code linting |
| Vercel | Hosting & deployment |
- Node.js (v18 or higher recommended)
-
Clone the repository
git clone https://github.com/Bhanu99517/portfolio.git cd portfolio -
Install dependencies
npm install
-
Start the development server
npm run dev
The app will be available at
http://localhost:5173
portfolio/
├── public/ # Static assets (icons, images, manifest)
├── src/ # Main source code
│ ├── components/ # Reusable UI components & sections
│ └── ... # Pages, hooks, utilities
├── components.json # shadcn/ui component config
├── tailwind.config.ts # Tailwind CSS configuration
├── vite.config.ts # Vite build configuration
├── tsconfig.json # TypeScript configuration
├── eslint.config.js # ESLint rules
└── index.html # HTML entry point
| Command | Description |
|---|---|
npm run dev |
Start local development server |
npm run build |
Build for production |
npm run preview |
Preview the production build locally |
npm run lint |
Run ESLint checks |
- Push your fork to GitHub
- Import the repository at vercel.com
- Vercel will auto-detect the Vite framework — click Deploy
No environment variables are required for this project.
To make it your own:
- Update your name, bio, and links in the relevant component files inside
src/ - Replace project cards with your own projects and descriptions
- Swap out icons or images in the
public/folder - Adjust colors and fonts via
tailwind.config.ts
Contributions, issues, and feature requests are welcome!
- Fork the repository
- Create a feature branch:
git checkout -b feature/your-feature - Commit your changes:
git commit -m "Add your feature" - Push to the branch:
git push origin feature/your-feature - Open a Pull Request
Please review SECURITY.md before reporting vulnerabilities.
This project is licensed under the MIT License — see the LICENSE file for details.
Bhanu — @Bhanu99517
Built with ❤️ using React, TypeScript, Vite, and Tailwind CSS