Dynamic Web Magic with Next.js

Transforming Vision into Elegant  Digital Interfaces

Hi! I'm Darryl Mathias, a developer - Builder @ Heart, TSEC CE.

Code is my canvas. Big ideas? I ship fast, break faster, build better.
Code is my canvas. Big ideas?
I ship fast, break faster,
build better.
No borders. Just ideas. Let’s build, wherever you are.
Passionate about tech, now building for startups and clients.
/b4.svg
Passionate about tech, now building for startups and clients.
🚀 Open for Internships & Freelance
Currently building a self-hosted CI server
/grid.svg
The Insider 🤫
Currently building a self-hosted CI server
Got something brewing? Let’s build it.

A small selection of recent projects

The Android Server

A production-grade web server running on a retired Android phone, built with Termux and Cloudflare Tunnels to power this portfolio with real-world uptime and zero cloud compute.

ArticleRead on Medium
Real-timeUptime Status Page
Self hosted android setup
self-hosted.darrylmathias.tech
icon5
icon5
icon5
icon5

Skills that differentiate me

  • logo
    Next.js
    A powerful React framework with SSR, SSG, API routes, and great developer experience.
  • logo
    React.js
    A JavaScript library for building dynamic user interfaces with component-based architecture.
  • logo
    TypeScript
    A statically typed superset of JavaScript that improves reliability and developer productivity.
  • logo
    JavaScript
    The core language of the web used for interactivity and full-stack development.
  • logo
    Docker
    The core platform for building, shipping, and running applications in containers across any environment.
  • logo
    LangChain
    A powerful framework for developing apps powered by LLMs, enabling agentic systems with ease.
  • logo
    Tailwind CSS
    A utility-first CSS framework for rapidly building custom designs with ease.
  • logo
    HTML
    The foundation of web content, used to structure elements on the page.
  • logo
    CSS
    Used to style and visually design web applications responsively and beautifully.
  • logo
    Shadcn UI
    A modern component library built with Radix UI and Tailwind CSS, focused on accessibility.
  • logo
    Bootstrap
    A popular CSS framework with ready-made responsive UI components and grid system.
  • logo
    Chakra UI
    A modular, accessible React component library that offers flexibility and style props.
  • logo
    GSAP
    A performant animation library for crafting high-quality, complex animations on the web.
  • logo
    Node.js
    A runtime that allows building scalable backend services with JavaScript.
  • logo
    Express
    A fast, minimalist framework for Node.js used for building APIs and backend logic.
  • logo
    MongoDB
    A document-based NoSQL database ideal for flexible, scalable web apps.
  • logo
    Prisma
    A modern, open-source ORM that provides a type-safe way to interact with databases in TypeScript applications.
  • logo
    Firebase
    A BaaS platform offering authentication, hosting, and NoSQL database services.
  • logo
    Git
    A version control system to manage code changes and collaborate efficiently.
  • logo
    Python
    A beginner-friendly, versatile language used in automation, scripting, and backend development.
  • logo
    C
    A foundational systems language that powers operating systems and embedded software.
  • logo
    Java
    An object-oriented language heavily used in Android apps and enterprise systems.

My work experience

grid

Ready to take your digital presence to the next level?

Reach out to me today and let's discuss how I can help you achieve your goals.

Let’s Build Together

Live Eyes on This page 👀

0

Darryl Mathias Portfolio Website © 2025 by Darryl Mathias is licensed under CC BY-NC-ND 4.0ccbyncnd

1-icon2-icon3-icon4-icon5-icon6-icon7-icon
freelancer-iconfiverr-iconupwork-icon

We collect your IP address to determine approximate location for analytics. This data is processed securely and never shared beyond essential services.

Audience from 6 Continents Around the World

From Mountain View to Tokyo, visitors leave a mark - made using React Leaflet and ipapi.co