https://github.com/helloharendra/harendra-prajapati-portfolio
A modern, responsive portfolio website of Harendra Prajapati — Full Stack Developer & AI Specialist — showcasing projects, skills, experience, and contact details. Built with HTML, CSS, and JavaScript.
https://github.com/helloharendra/harendra-prajapati-portfolio
css harendra-prajapati helloharendra html javasctript modern-portfolio portfolio portfolio-page portfolio-site portfolio-website source-code
Last synced: 10 months ago
JSON representation
A modern, responsive portfolio website of Harendra Prajapati — Full Stack Developer & AI Specialist — showcasing projects, skills, experience, and contact details. Built with HTML, CSS, and JavaScript.
- Host: GitHub
- URL: https://github.com/helloharendra/harendra-prajapati-portfolio
- Owner: helloharendra
- License: mit
- Created: 2025-06-12T07:35:35.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-12T08:10:07.000Z (about 1 year ago)
- Last Synced: 2025-06-12T09:25:50.979Z (about 1 year ago)
- Topics: css, harendra-prajapati, helloharendra, html, javasctript, modern-portfolio, portfolio, portfolio-page, portfolio-site, portfolio-website, source-code
- Language: HTML
- Homepage: https://shreedixiteducation.com/harendraprajapati/
- Size: 29.9 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🌐 Harendra Prajapati - Full Stack Portfolio
**Flutter | FastAPI | AI & ML Enthusiast**
[](https://shreedixiteducation.com/harendraprajapati/)
[](https://www.linkedin.com/in/helloharendra)
---
## 📌 About the Project
This is a personal portfolio website designed and developed to showcase my skills, work experience, and technical projects. It reflects my journey as a Full Stack Developer and AI enthusiast, using modern frontend practices and beautiful UI/UX principles.
The website is fully responsive, lightweight, and SEO-friendly. It contains dynamic UI animations, a project gallery with live links, and interactive elements for a seamless browsing experience.
---
## 📁 Folder Structure
```
📦 root
├── index.html # Main HTML structure
├── style.css # All custom styles
├── script.js # JavaScript interactivity
├── assets/ # Images & icons used
├── README.md # Project documentation
````
---
## 🚀 Key Features
- ✅ Responsive mobile-first design
- ✅ Smooth scroll & animations
- ✅ Typing effect using JavaScript
- ✅ Project showcase cards with GitHub/live links
- ✅ Skills bar animation triggered on scroll
- ✅ Contact section with dynamic form (JS-based)
- ✅ Theme powered by CSS variables for easy customization
---
## 🧠 Built With
| Tech | Usage |
|-------------------|-------------------------------|
| **HTML5** | Semantic structure |
| **CSS3** | Styling with custom variables |
| **JavaScript** | Interactions, animations |
| **Font Awesome** | Icons |
| **Responsive CSS**| Mobile-friendly layouts |
| **Hosting** | Deployed on a custom domain |
---
## 🎯 Sections Overview
👋 Hero Section
Introduction with name and title, typing animation, and CTA buttons.
🧑💼 About Me
Summary of background, skills, technologies, and qualifications.
📚 Experience
Professional timeline with job roles, companies, and responsibilities.
💼 Projects
Real-world apps with stack info and live/demo links.
🧠 Skills
Categorized skills with animated progress bars.
📬 Contact
Email, phone, LinkedIn, and WhatsApp.
---
## 🛠️ Setup Instructions
```bash
# 1. Clone the repository
git clone https://github.com/helloharendra/portfolio-site.git
# 2. Navigate to the directory
cd portfolio-site
# 3. Open index.html in your browser
````
---
## 💼 Hire Me & Support My Work
### 🤝 Available for Projects
I'm open to **Flutter development**, **API integrations**, and **consulting work**.
📱 **Phone/WhatsApp**: [+91 7991327022](https://wa.me/917991327022)
📧 **Email**: [harendraprajapati72@gmail.com](mailto:harendraprajapati72@gmail.com)
🌐 **Website**: [nayaproyog.com](https://nayaproyog.com)
💻 **Portfolio**: [github.helloharendra.io](https://github.helloharendra.io)
### ☕ Buy Me a Coffee
If you appreciate my work, consider supporting me:
[](https://www.buymeacoffee.com/helloharendra)
---
## 📃 License
This project is licensed under the MIT License.
Feel free to use, fork, and adapt — just give credit where it's due. 🙏
---
> Designed & Developed by **Harendra Prajapati**
```