Personal-Portfolio-site-
👋 Hi, I’m David (DebeatzGH)
AI Tools Builder • UI/UX Creator • Digital Products Developer • Tech Blogger
📚 Mini Blog Post Library (10–20 Posts)
A curated collection of my tutorials, ideas, tools & UI/UX content
📝 1. The Future of AI Tools for Creators
A breakdown of how creators can build income streams using micro automations, AI templates, and workflow tools.
📝 2. 10 Profitable AI Side Hustles You Can Start Today
Easy-to-launch tech ideas for beginners, students, and creators using free and low-cost tools.
📝 3. How to Build a Micro SaaS Using Only AI Tools
Step-by-step guide showing the workflow from idea → branding → landing page → automation.
📝 4. UI/UX Widgets That Boost Landing Page Conversion
Top-performing design components with clean HTML/CSS examples.
📝 5. My Weekly AI Tool Stack for Productivity & Design
The exact tools I use for automation, editing, research, and content.
📝 6. How to Create Stunning Animated Buttons Using CSS
A detailed mini tutorial for developers who want to add playful micro-interactions.
📝 7. Building Your First Online Digital Product Shop
A clean strategy showing setup, pricing, branding, and why GitHub Pages is perfect.
📝 8. AI Prompts That Help Students & Creators Work Faster
A powerful list of prompts for writing, research, video scripts, and UI design.
📝 9. Why Every Creator Needs a GitHub Pages Portfolio
A full explanation of how GitHub Pages can be used as a free website builder.
📝 10. 5 UI Layouts You Can Copy for Your Next Project
Minimal, modern layouts with headers, hero sections, and CTA examples.
📝 11. A Creator’s Guide to Automating Repetitive Tasks
Examples of tasks you can fully automate using AI + browser workflows.
📝 12. How to Package & Sell Templates as Digital Products
A structured guide for designing, pricing, packaging, and promoting digital assets.
📝 13. My Ultimate Blogging Starter Toolkit
Includes writing prompts, content templates, SEO tips, and automation hacks.
📝 14. Turning Your Slides Into Professional Videos Automatically
Explains your slide-to-video AI tool concept and the workflow behind it.
📝 15. UI/UX Mistakes Most Beginners Make (And How to Fix Them)
A simple way to redesign poor layouts into clean modern interfaces.
📝 16. 20 GitHub Projects Every Beginner Should Try
A curated list to help students and new developers build real skills.
📝 17. Creating a Brand Identity Using Only AI Tools
How to build logos, color palettes, typefaces, and mockups with free tools.
📝 18. Unlocking the Power of GitHub for Non-Coders
Teaches beginners how to use GitHub for blogging, documentation, and websites.
📝 19. Why Every UI/UX Designer Should Post on LinkedIn
Explains LinkedIn growth strategy with practical weekly posting ideas.
📝 20. How to Build Your First Mini SaaS From 0 → 1
A complete beginner-friendly guide for your audience.
🎨 What I Create
I design and build:
- 🎨 UI/UX Widgets
- 🖥 Mini Landing Pages
- 🤖 AI Tools & Automation Workflows
- 📝 Tech + Side Hustle Tutorials
- 🎬 Short Dev Videos
🧰 Tech Stack
⭐ Featured Projects
🔹 Side Hustle Starter Kit
👉 https://debeatzgh1.github.io/Side-hustle-starter-kit-/
🔹 Curated AI Business & Product Guides
👉 https://debeatzgh1.github.io/Curated-Guides-for-Online-Business-AI-Product-Creation/
🔹 Digital Products Affiliate Shop
👉 https://debeatzgh1.github.io/-My-Brand-Online-Digital-Products-Affiliate-Shop/
📬 Connect With Me
🎯 Need a Custom UI, Landing Page, or AI Tool?
📂 Blogger Scripts Catalog
A curated collection of Blogger-friendly scripts, widgets, and templates — designed to improve your blog’s design, engagement, and user experience. Each project comes with a live GitHub Pages demo, thumbnail, and quick action button so you can see the script in action.
🚀 Live Catalog
| Thumbnail | Project | Description | Action |
|---|---|---|---|
 |
Custom Blogger Theme with Dynamic Post Loading and Logo | A responsive, mobile-first Blogger theme with customizable sections, dynamic post loading, and custom logo support. | 🔗 View Demo |
 |
Popup HTML Page Generator | Easily generate iframe or card-style embeds for individual Blogger posts with thumbnails and read-more buttons. | 🔗 View Demo |
 |
Sliding Newsletter Signup Widget | A modern newsletter signup widget with sliding animation and pulsing notification highlights. | 🔗 View Demo |
|
Blogger Product Carousel with WhatsApp Floating Button | Showcase Blogger products in a responsive carousel with a built-in WhatsApp floating button for instant contact. | 🔗 View Demo |
 |
Floating Dock Smart Iframe Modal | A modern floating dock with colorful round icons and iframe modal integration. | 🔗 View Demo |
 |
Modern Homepage Styling with TailwindCSS | A clean and modern homepage layout template styled with TailwindCSS. | 🔗 View Demo |
 |
TechAdapt Solutions – Strategies for Modern Startups | Practical strategies, resources, and tools for startups and individuals adapting to the modern digital world. | 🔗 View Demo |
🛠️ Features
- ✅ Fully responsive designs
- ✅ Blogger-friendly & easy to embed
- ✅ Lightweight, no heavy dependencies
- ✅ Includes floating buttons, modals, and animations
- ✅ Perfect for enhancing engagement & monetization
📌 Explore More Scripts
👉 Check out the full curated collection here: Firebase Curated Front-End Components
💡 Contribution
Want to suggest improvements or add your own scripts?
- Open an issue
- Submit a pull request
- Share your ideas in the discussions
📜 License
This project is released under the MIT License – free to use, modify, and share with attribution.
✨ Designed for creators, bloggers, and developers who want to level up their Blogger sites with modern UI components.
🌐 Personal Portfolio Website
A simple and responsive personal portfolio website built with HTML, CSS, and JavaScript.
This project is perfect for showcasing your skills, projects, and contact information.
Live Demo 👉 View Portfolio
✨ Features
- Responsive design (works on mobile & desktop)
- Navigation bar with smooth scrolling
- Hero section with intro & call-to-action button
- About section with bio details
- Projects section with cards
- Contact section with email & social links
- Dark mode toggle 🌙☀️
🛠️ Technologies Used
- HTML5 – Structure
- CSS3 – Styling & Responsive design
- JavaScript (Vanilla) – Interactivity (dark mode toggle)
- GitHub Pages – Free hosting & deployment
🚀 Getting Started
To run this project locally:
- Clone the repository: ```bash git clone https://github.com/debeatzgh1/portfolio-site.git
🚀 DeBeatzGH – AI Tools & Side Hustle Hub
🌟 About
Welcome to DeBeatzGH — your go-to hub for AI tools, side hustle strategies, blogging resources, and digital growth guides.
Our platform is built to help students, creators, startups, and professionals unlock the power of AI, monetize their skills, and thrive in today’s digital economy.
✨ What You’ll Find
- 💡 Explore AI prompts, tools, and hacks
- 📈 Discover side hustle strategies & online income ideas
- ✍️ Access blogging & digital business guides
- 🚀 Stay ahead with regular updates and fresh insights
👉 Get Started
🔥 Start your journey today → Visit DeBeatzGH
DebeatzGH Digital Store
Your hub for AI insights, tech tutorials, side-hustle playbooks, and productivity tools. Learn, build, and launch digital projects faster.
Overview
DebeatzGH helps beginners and creators build profitable digital assets: blogs, affiliate funnels, AI-assisted content, and more. Explore tutorials, tools, and ready-to-use components to speed up your workflow.
Features
- AI & Tech Learning: Bite-sized guides for modern tools and workflows.
- Side-Hustle Playbooks: Practical steps to validate and launch ideas.
- Productivity Toolkit: Reusable widgets, templates, and scripts.
- Beginner-Friendly: Clear explanations, curated resources, and examples.
Quick Start
- Clone:
git clone https://github.com/debeatzgh1/Personal-Portfolio-site- - Enter folder:
cd debeatzgh - Install deps (adjust to your stack):
# Node npm install npm run dev # or Python pip install -r requirements.txt python app.py - Open in browser:
http://localhost:3000
Project Links
- 🌐 Live App: socialcreator.com/debeatzgh
- 🖼️ Thumbnail: View image
Contributing
Contributions are welcome! Open an issue for bugs or ideas. For changes, fork the repo, create a feature branch, and submit a pull request.
License
Released under the MIT License.
If this project helps you, consider giving it a star. It really helps! ⭐