A modern, creative, and professional personal portfolio website for Krish, a Machine Learning Developer and Engineering Student passionate about building intelligent systems and data-driven applications.
This portfolio showcases projects, technical skills, and my learning journey in Machine Learning, AI, and Software Development.
Visit the live portfolio here:
https://your-portfolio-url.vercel.app
I am an engineering student focused on Machine Learning, Artificial Intelligence, and software development. I enjoy building projects that combine data analysis, algorithms, and real-world problem solving.
This portfolio highlights:
- My technical skills
- My software and ML projects
- My learning journey
- My contact information
This project was built using modern web technologies:
- Next.js – React framework for production applications
- React – Component-based UI development
- Tailwind CSS (v4) – Utility-first styling framework
- Framer Motion – Smooth animations and transitions
- React Three Fiber – 3D rendering with Three.js in React
- Three.js – Interactive 3D graphics for the starfield background
- Lucide React – Modern icon library
- 🌌 3D Animated Starfield Background using React Three Fiber
- ✨ Smooth Animations and Scroll Effects powered by Framer Motion
- 🎨 Modern Dark UI Design with glassmorphism styling
- 📱 Fully Responsive Layout optimized for desktop, tablet, and mobile
- 📄 Downloadable Resume integration
- 🔗 Social Media Integration (GitHub, LinkedIn, X, Facebook)
- 🚀 SEO Optimized for better search visibility
- ⚡ Fast Performance with optimized Next.js build
portfolio/
│
├ public/ # Static assets
│ └ resume.pdf
│
├ src/
│ ├ components/ # UI components
│ ├ hooks/ # Custom React hooks
│ ├ lib/ # Utility functions
│ ├ pages/ or app/ # Page routes
│
├ package.json # Project dependencies
├ next.config.ts # Next.js configuration
├ README.md # Project documentation
└ .gitignore
To run this project locally:
Ensure Node.js is installed, then run:
npm installnpm run devVisit:
http://localhost:3000
To enable the Resume Download button:
- Place your resume inside the
publicfolder. - Name the file:
resume.pdf
The download button will automatically work once the file is added.
The contact form sends email through a Next.js App Router API route at:
src/app/api/contact/route.ts
This project uses Resend for email delivery.
Copy .env.example to .env.local and add your real values:
RESEND_API_KEY=your_resend_api_key
CONTACT_TO_EMAIL=your-inbox@example.com
CONTACT_FROM_EMAIL=Portfolio Contact <onboarding@resend.dev>For production, use a sender email from a verified domain in Resend, for example:
CONTACT_FROM_EMAIL=Portfolio Contact <contact@yourdomain.com>Run the app:
npm run devSubmit the contact form, then check:
- Browser Network tab:
POST /api/contactreturns200 - Resend dashboard shows the email event
- Inbox or spam folder receives the message
In Vercel, add the same variables under:
Project Settings → Environment Variables
Add them for Production and Preview environments, then redeploy the project.
The easiest way to deploy this project is using Vercel.
Steps:
- Push the project to GitHub
- Go to https://vercel.com/
- Click Add New Project
- Import your repository
- Leave all settings as default
- Click Deploy
Vercel will automatically build and host your portfolio.
Feel free to connect with me:
- GitHub: https://github.com/Krish14-ai
- LinkedIn: https://linkedin.com/in/your-linkedin
- X (Twitter): https://x.com/krish1477673
- Facebook: https://www.facebook.com/profile.php?id=61577978290719
If you like this project, consider giving the repository a star ⭐ on GitHub.
This project is open-source and available under the MIT License.