Skip to content
sohailan77Public

Repository files navigation

  HelpBuddy-Logo

  Simplify your coding journey with curated free learning resources, tutorials, and notes.

  HTML5   CSS3   Status


🚀 Live Demo

👉 Visit : HelpBuddy Live Site


About:

iconHelpBuddy

HelpBuddy is a clean, multi-page web platform designed to provide aspiring developers and students with instant access to high-quality, free learning materials. Built using pure HTML5 and CSS3, HelpBuddy cuts through the noise of scattered internet searches by organizing top-tier learning content into one central hub.


🗺️ Page-by-Page Overview & Features

🏠 1. Home Page

  HelpBuddy Home Page

  • 🎯 Categorized Course Hub: Organized containers for Programming Languages, Databases, Web Development Frameworks, and Libraries.
  • ▶️ Direct Video Access: Click "Start Watching" on available cards to jump straight to curated YouTube tutorials and playlists.
  • ⏳ Content Status: Direct links are currently active for featured courses, with links for remaining topics being integrated progressively.

📚 2. Notes Page

  HelpBuddy Notes Page

  • 📑 Subject-Wise Revision Notes: Dedicated containers for essential computer science subjects and topics.
  • 📥 Cloud Storage Downloads: Click "Download" to access study notes hosted on Google Drive.
  • ⏳ Content Status: Download links are active for select core subjects, with remaining notes being uploaded continuously.

💬 3. Contact Page

  HelpBuddy Contact Page

  • 🌐 Social Network Hub: Interactive platform icons enabling one-click redirection to my official social media profiles.

🤝 4. Work With Us Page

  HelpBuddy Work With Us Page

  • 📬 Collaboration Form: Dedicated form for developers, contributors, and creators who want to help expand HelpBuddy.
  • 📩 Direct Inbox Notifications: Submitted messages and details are delivered straight to my email inbox.

🛠 Tech Stack

Technology Purpose
HTML5 Multi-page structure and form elements
CSS3 Flexbox layouts, custom styling, and responsive design
Google Drive Cloud storage for hosting downloadable notes
SVG Icons Clean visual branding and interface icons

📌 Current Status & Roadmap

ℹ️ Active Work-in-Progress: Linking all courses and study materials is an ongoing process. Core sections are functional, and remaining links and Drive files are being continuously added.

  • 🔗 Course Link Integration: Actively adding curated YouTube playlists to remaining course containers.
  • 📁 Expanding Drive Notes: Uploading pending PDF study materials across remaining topics.
  • 📱 UI Refinement: Optimizing drawer menu transitions and mobile responsiveness.

💬 Contact & Feedback

Have questions, suggestions, or want to contribute?