🚀 Hemanth Kumar Reddy K - Professional Portfolio

A modern, responsive portfolio website showcasing my expertise as a Full Stack Java Developer with experience in cybersecurity. Built with React, TypeScript, and Tailwind CSS, featuring advanced animations and a professional design.

🌟 Live Demo

Portfolio Website: https://portfolio-hemanth.netlify.app/

📋 Table of Contents

• About
• Features
• Technologies Used
• Getting Started
• Project Structure
• Sections
• Deployment
• Contact
• License

🎯 About

This portfolio website represents my journey as a Full Stack Java Developer with hands-on experience in designing and developing scalable web applications. The site showcases my technical skills, professional experience, educational background, and featured projects in an interactive and visually appealing format.

Key Highlights

• Full Stack Development with Java, Spring Boot, Angular, and React
• Cybersecurity Experience in penetration testing and vulnerability assessment
• Modern Web Technologies with responsive design and animations
• Professional Experience at Kodnest and Supraja Technologies

✨ Features

• Responsive Design – Works on all devices (mobile, tablet, desktop)
• Modern UI/UX – Clean design with smooth navigation
• Animations & Effects – Typewriter effect, hover effects, and transitions
• SEO Optimized – Semantic HTML and meta tags
• Contact Form – Functional form with email integration

🛠️ Technologies Used

• Frontend: React 18, TypeScript, Tailwind CSS, Vite
• Styling & Animations: Custom CSS, Flexbox, Grid, CSS Variables
• Development Tools: ESLint, PostCSS, Git
• Deployment: Netlify

🚀 Getting Started

Prerequisites

• Node.js (v16+)
• npm or yarn
• Git

Installation

git clone https://github.com/hemanth-devzone/portfolio.git
cd portfolio

Install dependencies

npm install
# or
yarn install

Start development server

npm run dev
# or
yarn dev

Open your browser at: http://localhost:5173

Build for Production

npm run build
npm run preview

📁 Project Structure

portfolio/
├── public/
│   ├── vite.svg
│   └── index.html
├── src/
│   ├── components/          # Reusable React components
│   ├── styles/             # CSS and styling files
│   ├── assets/             # Images and static assets
│   ├── App.tsx             # Main application component
│   ├── index.css           # Global styles and Tailwind imports
│   └── main.tsx            # Application entry point
├── package.json            # Project dependencies and scripts
├── tailwind.config.js      # Tailwind CSS configuration
├── vite.config.ts          # Vite configuration
└── README.md               # Project documentation

📄 Sections

• 🏠 Home/Hero – Professional intro with typewriter effect
• 👨‍💻 About – Personal summary with links to GitHub & LinkedIn
• 🎓 Education – Academic background
• 💼 Experience – Work experience timeline
• 🛠️ Skills – Technical skills with indicators
• 🚀 Projects – Featured project showcases with GitHub links
• 📞 Contact – Contact form and professional details

🌐 Deployment

Deployed on Netlify with continuous deployment from GitHub.

Steps:

1. Build project: npm run build
2. Deploy dist/ folder to Netlify
3. Configure custom domain (optional)

📧 Contact Information

• Email: hemanthkumarreddyk1@gmail.com
• LinkedIn: hemanth-kumar-reddy-k
• GitHub: hemanth-devzone

📝 License

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

---

Built with ❤️ by Hemanth Kumar Reddy K