🌐 Hritik Saini's Portfolio

Welcome to my personal portfolio — a modern web application built with Next.js, Tailwind CSS, and other cutting-edge tools. This site showcases my featured projects, skills, and experience as a developer and AI enthusiast.

✨ Features

• 📂 Project Showcase: Highlights my major work — including weather forecasting, E-Commerce web app, AI traffic management, stock market analysis, and more.
• ✉️ Contact Form: Get in touch with me directly via a custom email integration using nodemailer.
• 👨‍💻 About Me: Learn about my background, education, interests, and tech stack.
• 🌗 Dark/Light Mode: Seamless theme switching with next-themes.
• ⚙️ Animated & Interactive UI: Built with framer-motion, lucide-react, and smooth transitions.

---

🛠️ Tech Stack

Frontend

• React 19 (via Next.js)
• Next.js 15
• Tailwind CSS 4 (with tailwind-merge, tw-animate-css)
• Radix UI (@radix-ui/react-progress, @radix-ui/react-slot)
• Lucide Icons (lucide-react)
• Framer Motion & motion for animations
• Dark Mode Support (next-themes)
• Class Utility Helpers: clsx, class-variance-authority

Backend & Other

• Nodemailer for contact form email delivery
• TypeScript (optional, enabled)
• ESLint for linting
• PostCSS (via Tailwind CSS)

---

📸 Preview

🚀 Getting Started

Prerequisites

• Node.js (v18 or higher)
• npm (v9+ recommended)

Installation

1. Clone the Repository

   git clone https://github.com/5a1n1hritik/Portfolio_nextjs.git
   cd My-app

2. Install Dependencies

   npm install

3. Run the Development Server

   npm run dev

4. Open in Browser Navigate to http://localhost:3000

---

🏁 Build for Production

To build and serve your portfolio in production:

npm run build
npm run start

You can deploy the .next build folder to platforms like Vercel, Netlify, or any Node-compatible hosting provider.

---

🖱️ Usage

• Browse the Projects section to see my work
• Read about my journey in the About section
• Use the Contact Form to send me a message directly

---

📁 Folder Structure (Simplified)

src/
├── app/                 # App Router pages and layouts
│   ├── page.tsx         # Home page
│   └── layout.tsx       # Root layout
├── components/          # Reusable UI components
├── lib/                 # Email handler, config, helpers
├── hooks/               # Helper Custom Hooks
├── styles/              # Tailwind & global styles
├── utils/               # Helper functions
├── public/              # Static files (images, icons)
tailwind.config.ts
next.config.js
postcss.config.js

---

🤝 Contributing

Contributions are welcome! Here's how you can contribute:

1. Fork the repository
2. Create your feature branch:

   git checkout -b feature/your-feature

3. Commit your changes:

   git commit -m "Add: your feature description"

4. Push to the branch:

   git push origin feature/your-feature

5. Open a pull request! 🔄

---

🙏 Acknowledgments

Thanks to the open-source community for creating and maintaining the libraries that power this portfolio. Special thanks to:

• Next.js
• Tailwind CSS
• Radix UI
• Framer Motion
• Lucide Icons
• Vercel for seamless deployment

---

🔗 Live Demo

🌍 View Portfolio Live
(Replace with your actual live URL)

---

📬 Contact Me

• ✉️ Email: sainihritik033@example.com
• 💼 LinkedIn:linkedin.com/in/hritik-saini-559a7b252
• 🐙 GitHub: github.com/5a1n1hritik