Welcome to my personal portfolio! 👋
A modern, responsive, and interactive portfolio website showcasing my journey as a B.Tech CSE student passionate about backend development and open-source contributions.
Hey there! I'm Asit Kumar, a passionate B.Tech Computer Science student who loves building innovative solutions. This portfolio represents my journey in the world of programming and showcases the projects I've worked on. I believe in continuous learning and contributing to the open-source community.
"Every great developer you know got there by solving problems they were unqualified to solve until they actually did it." - Patrick McKenzie
This portfolio is built with modern technologies and best practices. Here's what powers this website:
- ⚛️ React 18.x - Modern UI library for building interactive user interfaces
- 🏗️ Vite - Lightning-fast build tool and development server
- 📱 TypeScript - Type-safe JavaScript for better development experience
- 🎨 Tailwind CSS - Utility-first CSS framework for rapid UI development
- ✨ Custom CSS - Hand-crafted animations and transitions
- 🌙 Dark/Light Mode - Toggle between themes with smooth transitions
- 📱 Responsive Design - Optimized for all devices and screen sizes
- 🎯 Lucide React - Beautiful and consistent icon library
- 🔄 Smooth Animations - CSS transitions and hover effects
- 🎭 3D Effects - Interactive hover animations and transforms
- 🟢 Node.js - JavaScript runtime for server-side development
- ⚡ Express.js - Fast and minimalist web framework
- 🍃 MongoDB - NoSQL database for modern applications
- 🗄️ SQL - Relational database management
- 🔗 RESTful APIs - API design and development
- 📝 VS Code - Primary code editor with extensions
- 🔧 Git & GitHub - Version control and code collaboration
- 🚀 GitHub Pages - Static site hosting and deployment
- 📦 npm - Package management and dependency handling
- ☕ Java - Object-oriented programming and Spring Boot
- 🌐 JavaScript/TypeScript - Frontend and backend development
- 🎨 HTML5 & CSS3 - Semantic markup and modern styling
- 🔍 Currently Exploring: AI/ML - Machine learning and artificial intelligence
- Clean and professional interface
- Smooth animations and transitions
- 3D hover effects on interactive elements
- Glass-morphism design elements
- Beautiful dark theme as default
- Smooth theme switching
- Persistent theme preference
- Enhanced contrast for better readability
- Mobile-first design approach
- Optimized for tablets and desktops
- Touch-friendly interactions
- Fast loading on all devices
- Interactive links to coding profiles
- Beautiful platform-specific color schemes
- Hover animations with 3D effects
- Direct access to:
- LeetCode - Problem solving practice
- Codeforces - Competitive programming
- CodeChef - Programming contests
- AtCoder - Algorithm challenges
- HackerRank - Skills assessment
- GeeksforGeeks - Learning platform
- Codedx - Interactive coding
- Hero Section - Interactive typewriter effect with running code
- About Me - Personal introduction and skills overview
- Skills - Programming languages, frameworks, and tools
- Projects - Featured projects with live demos and source code
- Education & Experience - Academic background and professional journey
- Achievements & Certifications - Recognition and learning milestones
- Contact - Multiple ways to get in touch
Want to explore the code or use this as a reference? Here's how you can get it running locally:
Make sure you have these installed on your machine:
- Node.js (v16 or higher) - Download here
- Git - Download here
- npm or yarn - Comes with Node.js
# Clone this repository
git clone https://github.com/Asit-14/bytefolio.git
# Navigate to the project directory
cd bytefolio# Install all required packages
npm install
# Or if you prefer yarn
yarn install# Start the development server
npm run dev
# Or with yarn
yarn devThe application will open at http://localhost:5173 🎉
# Create production build
npm run build
# Preview production build locally
npm run preview# Deploy to GitHub Pages (if you fork the repo)
npm run deploybytefolio/
├── 📁 public/ # Static assets
│ ├── 🖼️ pic.png # Profile picture
│ ├── 🖼️ chat.png # Project screenshots
│ ├── 🖼️ devtinder.png # Project screenshots
│ └── 📄 resume.pdf # Downloadable resume
├── 📁 src/ # Source code
│ ├── 📄 App.tsx # Main application component
│ ├── 📄 main.tsx # Application entry point
│ ├── 🎨 index.css # Global styles and Tailwind
│ └── 📄 vite-env.d.ts # TypeScript declarations
├── 📄 package.json # Dependencies and scripts
├── 📄 vite.config.ts # Vite configuration
├── 📄 tailwind.config.js # Tailwind CSS configuration
├── 📄 tsconfig.json # TypeScript configuration
└── 📄 README.md # You are here! 😊
Want to make this portfolio your own? Here's how:
- Update personal details in
src/App.tsx - Replace profile picture in
public/pic.png - Update resume file in
public/
- Add your project screenshots to
public/ - Update project details, links, and descriptions
- Modify tech stack tags for each project
- Update all coding platform URLs with your profiles
- Modify platform names or add new ones
- Customize colors and hover effects
- Modify colors in
tailwind.config.js - Update gradient combinations
- Customize dark/light mode colors
- Update About Me section with your story
- Modify skills and experience sections
- Add your achievements and certifications
I welcome contributions, suggestions, and feedback! If you'd like to contribute:
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
- 🐛 Bug fixes and improvements
- ✨ New features and animations
- 📱 Mobile responsiveness enhancements
- 🎨 Design improvements
- 📝 Documentation updates
- 🌐 Accessibility improvements
This portfolio is optimized for performance:
- ⚡ Fast Loading - Optimized bundle size with Vite
- 📱 Mobile Optimized - Responsive design and touch interactions
- 🔍 SEO Friendly - Semantic HTML and meta tags
- ♿ Accessible - WCAG compliant design principles
- 📈 Analytics Ready - Easy integration with analytics tools
I'd love to hear from you! Whether you have questions, suggestions, or just want to say hi:
- 🌐 Portfolio: https://asit-14.github.io/bytefolio/
- 💼 LinkedIn: Your LinkedIn Profile
- 🐙 GitHub: https://github.com/Asit-14
- 📧 Email: [email protected]
- 🐦 Twitter: @your-handle
This project is open source and available under the MIT License. Feel free to use it as inspiration for your own portfolio!
Special thanks to:
- React Team - For the amazing framework
- Tailwind CSS - For the utility-first CSS framework
- Vite Team - For the lightning-fast build tool
- Lucide - For the beautiful icons
- GitHub - For hosting and version control
- Open Source Community - For inspiration and learning resources
Made with ❤️ by Asit Kumar
If you found this helpful, please consider giving it a ⭐!
Happy Coding! 🚀