👨‍💻 Daksh Portfolio

✨ A modern, responsive portfolio website showcasing my work, skills, and journey as a Full Stack Developer & AI Enthusiast.

---

📋 Table of Contents

• 🌟 Features
• 🛠️ Tech Stack
• 🚀 Getting Started
• 📁 Project Structure
• 🎨 Customization
• 📄 License
• 📞 Contact
• 🙏 Acknowledgments

---

🌟 Features

Feature	Description
🎯 Modern UI/UX	Beautiful, responsive design with smooth animations
🌓 Dark/Light Mode	Toggle between themes with system preference detection
📱 Fully Responsive	Works flawlessly on mobile, tablet, and desktop
⚡ AI Integration	Genkit-powered AI features for portfolio analysis
📝 Blog Section	Share my experiences and thoughts
🏆 Certificates	Display professional certifications
💼 Projects	Showcase work experience and projects
📬 Contact Form	Functional contact form with email integration
🚀 Performance	Optimized with Next.js 15 and Turbopack
♿ Accessibility	WCAG compliant with proper ARIA labels

---

🛠️ Tech Stack

Framework & Language

Styling & UI

AI & Backend

Tools & Deployment

---

🚀 Getting Started

Prerequisites

• Node.js 18+
• npm or yarn
• Git

Installation

# Clone the repository
git clone https://github.com/Daksh200/Portfollio.git

# Navigate to the project directory
cd Portfollio

# Install dependencies
npm install

# Start the development server
npm run dev

The site will be available at http://localhost:9002

Build for Production

# Create production build
npm run build

# Start production server
npm run start

---

📁 Project Structure

Portfollio/
├── public/
│   ├── blogs/              # Blog images
│   ├── certificate/       # Certification images
│   └── Project/           # Project showcase images
├── src/
│   ├── app/               # Next.js app router pages
│   │   ├── about/         # About page
│   │   ├── blog/          # Blog section
│   │   ├── certificates/  # Certificates display
│   │   ├── contact/       # Contact form
│   │   ├── my-works/      # Work experience
│   │   ├── projects/      # Projects showcase
│   │   └── resume/        # Resume/CV
│   ├── components/        # Reusable React components
│   │   ├── layout/        # Header, Footer
│   │   └── ui/            # shadcn/ui components
│   ├── hooks/             # Custom React hooks
│   ├── lib/               # Utility functions & data
│   └── ai/                # Genkit AI configurations
├── tailwind.config.ts    # Tailwind CSS config
├── next.config.ts       # Next.js config
└── package.json         # Dependencies

---

🎨 Customization

Customize Theme Colors

Edit tailwind.config.ts:

// tailwind.config.ts
export default {
  theme: {
    extend: {
      colors: {
        primary: "#your-color",
        background: "#your-bg-color",
        // Add custom colors
      },
    },
  },
};

Update Personal Information

Edit src/lib/data.tsx to update:

• Skills and expertise
• Education details
• Work experience
• Projects
• Certificates
• Blog posts

Add New Page

# Create a new page directory
mkdir src/app/your-page

Create page.tsx:

export default function YourPage() {
  return (
    <div className="container">
      <h1>Your Page Title</h1>
    </div>
  );
}

---

📄 License

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

---

📞 Contact

Made with ❤️ by Daksh

---

---

🙏 Acknowledgments

• Next.js - The React Framework
• shadcn/ui - Beautiful UI components
• Tailwind CSS - Utility-first CSS
• Lucide Icons - Beautiful Icons
• Vercel - Deployment Platform
• Genkit - AI Framework

---

_{This portfolio is constantly evolving. Star it if you find it useful!}