A modern, responsive portfolio website built with React, TypeScript, and Tailwind CSS featuring a neobrutalist design with dark mode support.
- 🎨 Neobrutalist Design with Dark Mode
- 📱 Fully Responsive
- ⚡ Built with Vite + React 19 + TypeScript
- 🎭 Framer Motion Animations
- 📝 Blog System
React 19 • TypeScript • Vite • Tailwind CSS • Framer Motion • React Router
# Clone and install
git clone <your-repo-url>
cd Portfolio0.2
npm install
# Development
npm run dev
# Build
npm run build| 📌 Section | 📁 File/Folder Path | ✏️ What to Update |
|---|---|---|
| Personal Information | src/data/ |
All data files (blogs, projects, skills) |
| Blog Posts | src/data/blogs.ts |
Blog content, title, excerpt, date, tags |
| Hero Section | src/components/sections/Hero.tsx |
Name, title, tagline, profile image |
| Skills | src/components/sections/Skills.tsxsrc/data/ |
Technical skills and proficiency |
| Projects | src/components/src/data/ |
Projects, descriptions, images, links |
| Contact | src/components/ |
Email, social links, contact form |
| Images & Media | src/assets/public/ |
Images, icons, favicon |
| Colors & Styling | src/index.csstailwind.config.js |
CSS variables, colors, theme |
| SEO & Metadata | index.html |
Page title, meta tags |
Important
We Welcome Contributors! 🎉
All contributions are valuable - bugs, features, docs, or design improvements!
- Fork the repository
- Create branch:
git checkout -b feature/your-feature - Make changes and test
- Commit:
git commit -m "feat: your message" - Push:
git push origin feature/your-feature - Open PR with clear description
Commit Conventions: feat: fix: docs: style: refactor:
Tip
Best Practices:
- Write clear commit messages
- Test before submitting
- Follow existing code structure
- Update docs for new features
Note
Roadmap 🗺️
Pick any feature to contribute or suggest your own!
- Comments - User auth, nested replies, moderation, spam protection
- Ratings - 5-star system, review stats, trending posts
- Advanced animations (page transitions, scroll-triggered, parallax)
- Visual improvements (glassmorphism, 3D effects, particle backgrounds)
- Accessibility (keyboard nav, screen reader, ARIA labels)
- Portfolio assistant for Q&A about skills/projects
- Natural language interaction with context-aware responses
- Multi-language support & voice interaction
- Integration with contact form
MIT License - Open Source
Neobrutalism Design • Lucide Icons • React • Vite
Made with ❤️ and ☕