Krishil Agrawal Portfolio

A modern, responsive portfolio website showcasing my skills, projects, and achievements in web development and machine learning.

🌟 Features

• Responsive Design: Optimized for all devices - mobile, tablet, and desktop
• Interactive UI: Smooth animations and transitions using Framer Motion
• 3D Elements: Interactive 3D models using Three.js and React Three Fiber
• Dark Theme: Sleek dark theme with gradient accents
• Project Showcase: Filterable gallery of web development and ML projects
• Contact Form: Email integration using Nodemailer
• Analytics: Vercel Analytics and Speed Insights integration
• Optimized Images: Next.js Image Optimization for better performance

🛠️ Tech Stack

• Framework: Next.js 14 (App Router)
• Styling: Tailwind CSS
• Animations: Framer Motion
• 3D Graphics: Three.js with React Three Fiber
• Email: Nodemailer
• Deployment: Vercel
• Analytics: Vercel Analytics & Speed Insights

📋 Sections

• Hero: Engaging introduction with 3D elements
• About: Personal background, skills, and expertise
• Projects: Showcase of highlighted and filterable projects
• Education: Academic background and qualifications
• Achievements: Notable achievements and certifications
• Contact: Contact form and social media links

🚀 Getting Started

Prerequisites

• Node.js 18+
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/Krishilgithub/Krishil-Portfolio.git
   cd Krishil-Portfolio

2. Install dependencies:

   npm install
   # or
   yarn install

3. Set up environment variables:

   • Create a .env.local file in the root directory
   • Add the following variables:

     EMAIL_USER=your-email@gmail.com
     EMAIL_PASSWORD=your-app-password
     

4. Run the development server:

npm run dev
   # or
   yarn dev

5. Open http://localhost:3000 in your browser.

📝 Notes for Deployment

Vercel Deployment

1. Connect your GitHub repository to Vercel
2. Add environment variables in the Vercel project settings
3. Deploy

Email Configuration

For Gmail integration:

1. Enable 2-Step Verification in your Google account
2. Generate an App Password
3. Use the App Password in your environment variables

📊 Analytics

The portfolio includes Vercel Analytics and Speed Insights for tracking:

• Visitor data
• Page performance metrics
• User engagement

📱 Responsive Design

The portfolio is fully responsive and optimized for:

• Mobile devices
• Tablets
• Desktop computers
• Large screens

🙏 Acknowledgements

• Next.js
• Tailwind CSS
• Framer Motion
• React Three Fiber
• Vercel

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Designed and developed with ❤️ by Krishil Agrawal