A modern, responsive portfolio website showcasing my skills as an AI/ML Engineer and Full Stack Developer. Built with React, TypeScript, and Tailwind CSS, featuring smooth animations and a sleek glassmorphism design.
- Responsive Design: Optimized for all devices and screen sizes
- Modern UI/UX: Glassmorphism design with smooth animations using Framer Motion
- Interactive Elements: Animated typing effect, particle backgrounds, and hover effects
- Dark/Light Theme: Toggle between themes for better user experience
- SEO Optimized: Meta tags and structured data for better search visibility
- Performance Focused: Built with Vite for fast loading and development
- React 19 - Modern React with concurrent features
- TypeScript - Type-safe JavaScript
- Vite - Fast build tool and dev server
- Tailwind CSS - Utility-first CSS framework
- Framer Motion - Animation library for React
- React Router - Client-side routing
- AOS - Animate on scroll library
- Node.js - JavaScript runtime
- Express.js - Web application framework
- Multer - File upload middleware
- Nodemailer - Email sending
- CORS - Cross-origin resource sharing
- Hero - Introduction with animated typing effect
- About - Personal information and stats
- Skills - Technical skills categorized by domain
- Projects - Featured projects with live demos
- Certifications - Professional certifications
- Contact - Contact form and social links
- Node.js (v16 or higher)
- npm or yarn
-
Clone the repository
git clone https://github.com/AnubhavKiroula/portfolio-website.git cd portfolio-website -
Install frontend dependencies
cd portfolio-frontend npm install -
Install backend dependencies
cd ../backend npm install -
Start the backend server
npm run dev
-
Start the frontend development server
cd ../portfolio-frontend npm run dev -
Open your browser Navigate to
http://localhost:5173for the frontend andhttp://localhost:5000for the backend API.
portfolio-website/
├── portfolio-frontend/ # React frontend application
│ ├── public/ # Static assets
│ ├── src/
│ │ ├── components/ # Reusable React components
│ │ ├── assets/ # Images and icons
│ │ └── main.tsx # Application entry point
│ ├── package.json
│ └── vite.config.ts
├── backend/ # Node.js backend API
│ ├── server.js # Main server file
│ ├── package.json
│ └── ...
└── README.md
- Python, JavaScript, TypeScript, Java, C++, C, SQL
- NumPy, Pandas, Matplotlib, Machine Learning, Data Analysis, AI Algorithms
- HTML5, CSS3, React, JavaScript, TypeScript, Responsive Design
- MySQL, Supabase, Git, VS Code, DBMS
- Intelligent project management system using CrewAI
- Real-time monitoring and task management
- Live Demo: ai-agent-crewai.netlify.app
- AI-powered financial analysis tool
- Real-time stock prices and ML predictions
- Live Demo: stock-price-prediction1.netlify.app
- HTML & CSS Bootcamp - Let's Upgrade (September 2025)
- React Project Bootcamp - SkillElected (August 2025)
- GitHub: github.com/AnubhavKiroula
- LinkedIn: linkedin.com/in/anubhav-kiroula-109641376
- Twitter: x.com/AnubhavKiroula
Feel free to reach out for collaborations, opportunities, or just to say hello!
The frontend is deployed on Vercel and the backend can be deployed on services like Heroku, Railway, or Vercel Functions.
- Connect your GitHub repository to Vercel
- Vercel will automatically detect the Vite configuration
- Deploy with one click!
While this is a personal portfolio, feel free to fork and customize it for your own use. If you find any bugs or have suggestions, please open an issue.
This project is open source and available under the MIT License.
Built with ❤️ by Anubhav Kiroula