A modern, interactive portfolio showcasing my journey as a Computer Science student and aspiring developer. Built with cutting-edge web technologies and featuring smooth animations, dark/light themes and responsive design.
I'm Avrodeep Pal, a Master's student in Computer Applications at Jadavpur University with a passion for AI/ML, web development and problem-solving. This portfolio represents my technical skills, academic achievements and project work.
Key Highlights:
- 🎓 WBSU Rank 1 in Bachelor's (CGPA: 9.91/10.0)
- 🏆 2nd Rank in WB-JECA 2024 (State-level MCA entrance)
- ⭐ 5 Star Problem Solver on HackerRank
- 💡 3 Major Projects with 90%+ User Satisfaction
- Modern Design: Clean, professional UI with smooth animations
- Dark/Light Theme: Toggle between themes with system preference detection
- Fully Responsive: Optimized for all device sizes
- Interactive Elements: 3D animations, hover effects and micro-interactions
- Contact Form: Functional contact form with validation
- Performance Optimized: Fast loading with optimized assets
- Framework: Next.js 14 (React 18)
- Styling: Tailwind CSS
- Animations: Framer Motion
- 3D Graphics: Three.js with React Three Fiber
- Icons: React Icons, Lucide React
- Language: JavaScript/TypeScript
- Package Manager: npm/yarn
- Version Control: Git
- Deployment: Vercel/Netlify
├── app/
│ ├── components/
│ │ ├── home/ # Hero section components
│ │ ├── about/ # About section with education timeline
│ │ ├── skills/ # Skills showcase with animations
│ │ ├── projects/ # Project cards and details
│ │ └── contacts/ # Contact form and info
│ ├── assets/ # Static assets and data
│ └── hooks/ # Custom React hooks
├── public/ # Public assets
└── README.md
- Node.js (v18 or higher)
- npm or yarn
-
Clone the repository
git clone https://github.com/AvrodeepPal/portfolio.git cd portfolio -
Install dependencies
npm install # or yarn install -
Run development server
npm run dev # or yarn dev -
Open your browser Navigate to
http://localhost:3000
npm run build
npm start- Hero: Dynamic introduction with animated text and social links
- About: Personal introduction with education timeline
- Skills: Technical skills organized by categories
- Projects: Showcase of major projects with live demos
- Contact: Functional contact form with validation
- TrueFocus: Dynamic text animation cycling through focus areas
- ShinyText: Gradient text animation effect
- Connection: Rotating social media links
- EducationTimeline: Interactive timeline with hover effects
- ContactForm: Form with real-time validation and submission
- Let's Connect! v2.5 - AI-driven campus recruitment platform
- Stock Price Prediction - LSTM model with 94.60% accuracy
- Star Emporium v1.48 - Java-based e-book management system
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
This project is licensed under the MIT License.
- Email: avrodeep.pal17@gmail.com
- LinkedIn: linkedin.com/in/AvrodeepPal
- GitHub: github.com/AvrodeepPal
- LeetCode: leetcode.com/AvrodeepPal
- Thanks to the open-source community for the amazing libraries
- Inspired by modern portfolio designs and best practices
- Special thanks to mentors and peers for feedback and support
⭐ Star this repository if you found it helpful!
Built with ❤️ by Avrodeep Pal