Portfolio Website - Kundena Akhil

A modern, responsive portfolio website showcasing the skills, projects, and experience of Kundena Akhil, a Full Stack Developer. Built with React and Vite for optimal performance and developer experience.

🌟 Features

• Responsive Design: Fully responsive layout that works on all devices
• Single Page Application: Smooth navigation with React Router
• Interactive Components: Dynamic scroll-to-top functionality and animated backgrounds
• Modern UI: Clean and professional design with FontAwesome icons
• Performance Optimized: Built with Vite for fast development and production builds
• GitHub Pages Deployment: Automated deployment with GitHub Actions

🚀 Live Demo

Visit the live portfolio: Portfolio

📋 Sections

• Home: Introduction and hero section
• Skills: Technical skills and expertise
• Experience: Professional work experience
• Education: Educational background
• Projects: Portfolio of completed projects
• Certificates: Professional certifications
• Resume: Downloadable resume

🛠️ Built With

• React 18.2.0 - Frontend framework
• Vite 5.0.4 - Build tool and development server
• React Router DOM 6.20.0 - Client-side routing
• FontAwesome - Icons and visual elements
• React Icons - Additional icon library
• React Slick - Carousel/slider components
• ESLint - Code linting and formatting

🏃‍♂️ Getting Started

Prerequisites

• Node.js (version 14 or higher)
• npm or yarn package manager

Installation

1. Clone the repository:

git clone https://github.com/Akhil07-ctrl/Portfolio.git
cd Portfolio/client

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

4. Open your browser and visit http://localhost:5173

📜 Available Scripts

• npm run dev - Start development server
• npm run build - Build for production
• npm run preview - Preview production build locally
• npm run lint - Run ESLint for code quality
• npm run deploy - Deploy to GitHub Pages

🚀 Deployment

This project is configured for automatic deployment to GitHub Pages:

1. Build the project:

npm run build

2. Deploy to GitHub Pages:

npm run deploy

📁 Project Structure

client/
├── public/
│   ├── 404.html
│   └── vite.svg
├── src/
│   ├── components/
│   │   ├── AnimatedBackground/
│   │   ├── Certificates/
│   │   ├── Education/
│   │   ├── Experience/
│   │   ├── Footer/
│   │   ├── Header/
│   │   ├── Home/
│   │   ├── ProjectCard/
│   │   ├── Projects/
│   │   ├── Resume/
│   │   └── Skills/
│   ├── data/
│   ├── assets/
│   ├── App.jsx
│   ├── App.css
│   └── main.jsx
├── index.html
├── package.json
├── vite.config.js
└── vercel.json

🤝 Contributing

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is open source and available under the MIT License.

📞 Contact

Kundena Akhil - Full Stack Developer

• Portfolio: Portfolio
• GitHub: @Akhil07-ctrl
• LinkedIn: LinkedIn
• Email: akhilkundena@gmail.com

---

⭐ Star this repository if you found it helpful!