Hemant Prajapati | Full Stack Developer Portfolio

🚀 About The Project

Welcome to my personal portfolio website! This project showcases my journey as a Software Developer and Full-Stack Engineer. It's built from scratch to demonstrate my skills in creating modern, responsive, and high-performance web applications.

Here you'll find a collection of my projects, my technical skills, and a bit about my professional background. Whether you're a recruiter, a fellow developer, or just curious, I hope you find something inspiring here.

Key Highlights:

• Modern UI/UX: Clean, minimalist design with a focus on usability.
• Interactive Elements: Smooth animations and transitions powered by Framer Motion.
• Dark Mode Support: Seamless theme switching for better accessibility.
• Responsive Design: Fully optimized for all devices, from mobile to desktop.
• SEO Optimized: Built with Next.js for excellent search engine visibility.

🛠️ Tech Stack

This portfolio is built using the following technologies:

Frontend

• Next.js 15: The React Framework for the Web.
• React 19: For building user interfaces.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• Framer Motion: For production-ready animations.
• Lucide React: Beautiful & consistent icons.
• Radix UI: Unstyled, accessible components for building high-quality design systems.

Tools & Deployment

• TypeScript: For type-safe code.
• Vercel: For hosting and deployment.
• Umami Analytics: Privacy-focused website analytics.
• Zod: TypeScript-first schema declaration and validation.
• React Hook Form: Performant, flexible and extensible forms.

✨ Features

• Dynamic Project Showcase: Browse through my detailed project case studies.
• Interactive Resume: View and download my resume directly.
• Oneko Cat Animation: A fun, interactive cat that follows your cursor!
• Theme Toggle: Switch between Light and Dark modes.
• Visitor Counter: Real-time visitor tracking.
• Contact Form: Easy way to get in touch.
• Social Integration: Direct links to my GitHub, LinkedIn, Twitter, and Instagram.

🚀 Getting Started

To run this project locally, follow these steps:

Prerequisites

Make sure you have Node.js installed on your machine.

Installation

1. Clone the repository

   git clone https://github.com/hemant069/New-Portfolio.git

2. Navigate to the project directory

   cd port

3. Install dependencies

   npm install
   # or
   yarn install
   # or
   pnpm install

4. Run the development server

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev

5. Open your browser Navigate to http://localhost:3000 to see the application running.

📂 Project Structure

├── app/               # Next.js App Router pages and layouts
├── components/        # Reusable React components
│   ├── ui/            # UI components (buttons, inputs, etc.)
│   ├── icons/         # Custom SVG icons
│   └── ...            # Feature-specific components (Hero, Contact, etc.)
├── data/              # Static data files (projects, social links)
├── public/            # Static assets (images, fonts)
├── styles/            # Global styles (globals.css)
├── types/             # TypeScript type definitions
├── utils/             # Utility functions
└── ...config files    # Configuration files (Next.js, Tailwind, etc.)

📬 Contact

I'm always open to discussing new projects, creative ideas, or opportunities to be part of your visions.

• Email: hemantprajapati20500@gmail.com
• LinkedIn: Hemant Prajapati
• Twitter: @Hemantp7860
• Instagram: @hemant_069

---

Built with ❤️ by Hemant Prajapati