Ugb365githubio ❲LEGIT »❳

<section id="work"> <h2 style="font-size: 1.8rem; margin-bottom: 0.5rem;">✨ Featured projects</h2> <p style="color: #475569; margin-bottom: 1rem;">Open-source and side projects I've built.</p> <div class="projects-grid"> <div class="project-card"> <div class="project-title">TaskFlow</div> <div class="project-desc">Minimalist task manager with drag-and-drop & local storage. Real-time filtering and dark mode.</div> <div class="tech-stack"><span class="tech">React</span><span class="tech">Tailwind</span><span class="tech">Vite</span></div> <a href="#" class="card-link">Live demo →</a> </div> <div class="project-card"> <div class="project-title">WeatherCanvas</div> <div class="project-desc">Interactive weather dashboard using OpenWeatherMap API with dynamic backgrounds & 5-day forecast.</div> <div class="tech-stack"><span class="tech">JavaScript</span><span class="tech">API</span><span class="tech">CSS Grid</span></div> <a href="#" class="card-link">Live demo →</a> </div> <div class="project-card"> <div class="project-title">DevBlog Starter</div> <div class="project-desc">Lightweight markdown blog template with syntax highlighting & RSS feed support.</div> <div class="tech-stack"><span class="tech">Astro</span><span class="tech">Markdown</span><span class="tech">SSG</span></div> <a href="#" class="card-link">GitHub repo →</a> </div> <div class="project-card"> <div class="project-title">CLI Tools Kit</div> <div class="project-desc">Node.js toolkit for devs – file organizer, QR code generator, and PDF utils.</div> <div class="tech-stack"><span class="tech">Node.js</span><span class="tech">Commander</span><span class="tech">npm</span></div> <a href="#" class="card-link">Documentation →</a> </div> </div> </section>

UGB365 typically refers to a GitHub Pages-hosted site offering unblocked games, used to bypass network restrictions in schools or workplaces. Alternatively, it represents the "Psychology of Consumers in a Digital Age" module at the University of Sunderland, which analyzes digital buyer behavior and marketing strategies. ugb365githubio

.btn-primary:hover background: #1e293b; transform: translateY(-2px); .btn-primary:hover background: #1e293b

.container max-width: 1100px; margin: 0 auto; padding: 0 1.5rem; .container max-width: 1100px