Skip to content

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.

License

Notifications You must be signed in to change notification settings

helloharendra/Helloharendra-Youtube-Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎓 HelloHarendra - Developer Tutorial Website

Your gateway to mastering Flutter & Full Stack Development — one tutorial at a time!

Live Demo YouTube Channel

Image


📌 Overview

HelloHarendra is a personal brand and tutorial platform dedicated to teaching mobile and web development through practical, project-based tutorials. This website serves as a central hub for tutorials, projects, free resources, and community engagement — powered by YouTube.

It features an elegant UI, interactive elements, and dynamic sections to help visitors find learning materials with ease.


🔥 Key Features

  • 📺 Highlighted YouTube tutorials with views and stats
  • 🧑‍💻 Projects slider with real project walkthroughs
  • 📚 Tabs to filter tutorials (Flutter, Backend, Projects, Tips)
  • 🧾 Free downloadable resources (cheat sheets, starter kits, roadmaps)
  • 🗣 Testimonials from learners
  • 📬 Contact & social media integrations
  • 💻 Fully responsive and animated design

📁 Project Structure


📦 HelloHarendra
├── index.html         # Main landing page
├── style.css          # Custom styles
├── script.js          # JavaScript interactivity
├── assets/            # Images, icons, and media


📚 Technologies Used

Technology Purpose
HTML5 Semantic structure of the page
CSS3 Layout, styling, and animations
JavaScript Dynamic behavior and UI logic
Font Awesome Icon set integration
Swiper.js Responsive sliders and carousels
YouTube Embed Video tutorials integration

✨ Sections Breakdown

🎬 Hero Section

  • Welcome message, channel highlights
  • Stats: total tutorials, subscribers, views
  • Quick links to "Watch" and "Subscribe"

🚀 About

  • Embedded intro video
  • 3 reasons to learn with HelloHarendra

🧠 Tutorials

  • Dynamic category tabs
  • Grid layout for latest content
  • "View All Videos" link to YouTube

💼 Projects

  • Interactive swiper slider
  • Real applications taught via tutorials

📦 Resources

  • Free downloadable PDFs and starter templates

💬 Testimonials

  • Reviews and success stories from learners

📞 Contact

  • Email, YouTube, Discord, and social links
  • Simple contact form

🔗 Footer

  • Channel mission
  • Quick tutorial/resource links
  • Legal footer

🚀 Getting Started

To run the website locally:

git clone https://github.com/helloharendra/helloharendra-website.git
cd helloharendra-website
open index.html

🧑‍🏫 Author

Harendra Prajapati 📧 [email protected] 🔗 LinkedIn | YouTube | Twitter

💼 Hire Me & Support My Work

🤝 Available for Projects

I'm open to Flutter development, API integrations, and consulting work.

📱 Phone/WhatsApp: +91 7991327022
📧 Email: [email protected]
🌐 Website: nayaproyog.com
💻 Portfolio: github.helloharendra.io

☕ Buy Me a Coffee

If you appreciate my work, consider supporting me:

Buy Me A Coffee


📄 License

This project is open-source under the MIT License.

Built with 💙 to teach developers real-world Flutter and Full Stack skills.

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published