JOSEPH.
DEV
DRIVEN BY CODE

Hi, I'm Joseph

UI/UX&FrontendDeveloper

Crafting beautiful, intuitive digital experiences with modern technologies. Passionate about clean code and pixel-perfect designs.

About Me

Joseph Manigo

I'm a third-year BSIT student from Davao City, Philippines, specializing in UI/UX and front-end development. I build clean, modern, and user-focused web experiences using TypeScript, React, and Next.js. My work combines thoughtful design with reliable performance, ensuring every interface is intuitive, responsive, and visually engaging. I'm dedicated to continuous improvement, refining my craft through new tools, best practices, and emerging trends in modern web development.

Joseph Mascot
My Tech Stack & Tools

Projects Showcase

Explore my work, ranging from featured design interfaces to all my public GitHub repositories

Payroll Management

Payroll Management

Next.jsTypeScriptTailwind CSS+1

Tap to see details

Payroll Management

A full-featured payroll management system built with Next.js for handling employee records, automated salary computation, tax deductions, department-level analytics, and payroll history tracking.

Key Features

  • Employee Records & CRUD
  • Automated Salary Computation
  • Department Analytics Charts
  • Payroll History & Audit Logs
Next.jsTypeScriptTailwind CSSRecharts
Don Macchiatos

Don Macchiatos

HTMLCSSJavaScript+1

Tap to see details

Don Macchiatos

A responsive promotional website for Don Macchiatos — Cebu's first ₱39 coffee brand. Showcases the full beverage menu, store locations, brand story, and blog content with a warm, inviting design.

Key Features

  • Full Beverage Menu Catalog
  • Store Location & Map Info
  • Brand Story & Blog
  • Mobile-First Responsive Layout
HTMLCSSJavaScriptGitHub Pages

Nightraid BG

ReactNext.jsTailwind CSS+1

Tap to see details

Nightraid BG

The official website for Nightraid BG — an esports organization. Features dynamic team roster pages, clan merchandise showcase, achievement highlights, and community event announcements.

Key Features

  • Player Roster & Profiles
  • Merchandise Storefront
  • Team Achievements Timeline
  • Community Events & News
ReactNext.jsTailwind CSSAnimation

Bisayang Aimlabs

TypeScriptThree.jsWebGL+1

Tap to see details

Bisayang Aimlabs

A browser-based 3D aim trainer inspired by Aimlabs, built with Three.js and TypeScript. Players practice clicking targets in a 3D gridshot environment to sharpen FPS accuracy, reflex speed, and reaction time.

Key Features

  • 3D Gridshot Target Practice
  • Real-time Accuracy & Reflex Stats
  • FPS Camera Controls
  • Score Tracking & Leaderboard
TypeScriptThree.jsWebGLGame Dev
Nightraid Bingo

Nightraid Bingo

Next.jsTypeScriptSocket.io+1

Tap to see details

Nightraid Bingo

A real-time multiplayer bingo game built with Next.js and Socket.io. Players can create or join custom rooms, chat live with opponents, and enjoy automated number calling with instant win detection.

Key Features

  • Real-time Multiplayer via WebSockets
  • Custom Room Creation & Join
  • Live In-Game Chat
  • Auto Number Caller & Win Detection
Next.jsTypeScriptSocket.ioTailwind CSS
Brews Lee

Brews Lee

ReactTypeScriptVite+1

Tap to see details

Brews Lee

A modern single-page coffee shop website for Brews Lee, a Bruce Lee-inspired coffee brand. Built with React and Vite, featuring smooth animations, a visually rich beverage menu, and a responsive mobile-first design.

Key Features

  • Animated Beverage Menu Gallery
  • Bruce Lee-Themed Branding
  • Mobile-First Responsive UI
  • Smooth Page Transitions
ReactTypeScriptViteCSS
Lewis Hamilton

Lewis Hamilton

Next.jsTypeScriptTailwind CSS+1

Tap to see details

Lewis Hamilton

A cinematic scroll-driven storytelling website celebrating F1 legend Lewis Hamilton. Features horizontal scroll sections covering On Track stats (7 titles, 103 wins, 104 poles), Off Track lifestyle, Garage insights, and the full 2026 F1 race calendar.

Key Features

  • Scroll-Driven Horizontal Storytelling
  • Career Stats & Milestones
  • 2026 F1 Calendar Grid
  • Parallax Image Compositions
Next.jsTypeScriptTailwind CSSGSAP
Smartbin

Smartbin

Next.jsTypeScriptTailwind CSS+1

Tap to see details

Smartbin

An IoT-powered smart waste management dashboard with user authentication. Sign in to monitor real-time trash bin fill levels, receive instant alerts when bins are full, and view waste collection analytics on a clean, data-driven interface.

Key Features

  • User Authentication & Login
  • Real-time Bin Level Monitoring
  • Full Bin Alert Notifications
  • Waste Analytics Dashboard
Next.jsTypeScriptTailwind CSSIoT
Trash2Treasure

Trash2Treasure

ReactTypeScriptThree.js+1

Tap to see details

Trash2Treasure

An AI and Augmented Reality-powered recycling app. Point your camera at any waste item to instantly discover creative upcycling ideas visualized in AR. Promotes sustainability through interactive scanning, eco-education, and gamified recycling.

Key Features

  • AI Waste Item Recognition
  • AR Upcycling Visualization
  • Camera-Based Item Scanning
  • Sustainability Gamification
ReactTypeScriptThree.jsTensorFlow.js
Nightraid Shop

Nightraid Shop

Next.jsTypeScriptTailwind CSS+1

Tap to see details

Nightraid Shop

A premium e-commerce storefront for Nightraid esports team merchandise. Showcases jerseys, premium tees, gaming peripherals (keyboards, mousepads, mice, headsets), and features scroll-driven product reveals, image carousels, and a cart system — all in a dark, cinematic aesthetic.

Key Features

  • Jerseys & Apparel Showcase
  • Gaming Peripherals Catalog
  • Add-to-Cart & Checkout Flow
  • Scroll-Driven Product Animations
Next.jsTypeScriptTailwind CSSFramer Motion
crosshere

crosshere

Next.jsTypeScriptTailwind CSS+1

Tap to see details

crosshere

A real-time healthcare emergency management platform designed for schools and institutions. Features user authentication, role-based dashboards, emergency SOS alerts, medical symptom reporting, digital health cards, and clinic queue management. Developed by Quan Technologies.

Key Features

  • Role-Based Auth & Dashboards
  • Real-time SOS Emergency Alerts
  • Medical Symptom Reporting
  • Digital Health Cards & Clinic Queue
Next.jsTypeScriptTailwind CSSShadcn UI

Let's Work Together

Have a project in mind? Feel free to reach out and let's create something amazing together

My Contacts

Email

joseph.manigo@hcdc.edu.ph

Phone

+63 96 1559 6997

Location

Tibungco Davao City, Philippines, 8000

Available for Freelance

I'm currently available for freelance projects and full-time opportunities. Let's build something great together!

Send a Message

Tech Stack

Technologies I work with