Alvin Chang Portfolio Logo

Hey there, I'm Alvin! 👋

Delivering the best

in design and code.

  • Full-Stack Developer
  • NextJS Developer
  • Wordpress Developer
🚀 Coding Simplicity, Crafting Solutions: Bringing Ideas to Life, One Line at a Time. ✨ Let's transform challenges into digital possibilities with precision and creativity!

Made with ❤️ by Aurora

© 2024 Alvin Chang | Full-Stack Developer. All rights reserved.

ABOUT ME


Hi! I'm Alvin, a full-stack developer specializing in building responsive websites, engaging blogs, e-commerce solutions, and interactive streaming platforms. I focus on crafting clean and efficient code, from polished front-end designs to robust back-end systems.

When I'm not developing web applications, you'll find me experimenting in the kitchen or exploring the latest tech trends. Let's connect to discuss your next web or API project!

EXPERIENCES


2024 - Present

Freelance

Full-stack Web Developer

Built responsive web apps, e-commerce platforms, and custom API solutions primarily using Next.js, Tailwind CSS, and TypeScript. Managed entire development lifecycles from initial client consultation and strategic planning to development, deployment, and ongoing support. Focused heavily on delivering high-performance, SEO-friendly solutions with modern, intuitive user experiences, ensuring client satisfaction through proactive communication and timely project delivery.

2023 - 2024

Altera Karna Business Corp.

Software Engineer

Developed and maintained various dynamic websites such as streaming services, interactive landing pages, and content-driven news platforms utilizing Next.js, WordPress, and Express.js. Engineered robust APIs and automated internal processes with advanced web scraping tools, significantly enhancing operational efficiency. Additionally, designed and built desktop applications using Electron to streamline internal workflows and support team productivity.

PROJECTS


Alvin Chang | Portfolio Website

Alvin Chang | Portfolio Website

This is my portfolio website. I built it to showcase my projects and skills. It is a static site built with Next.js, Tailwind CSS, and Shadcn/UI. I used the following technologies to build it:

Alvin Chang | Portfolio Website video thumbnail
Alvin Chang | Portfolio Website preview 2
Alvin Chang | Portfolio Website preview 3
Alvin Chang | Portfolio Website preview 4
+3 more
Next.js
Tailwind CSS
Shadcn/UI
TypeScript
Genzify AI

Genzify AI

GenZify is an AI-powered tool I developed to transform everyday text into trendy Gen Z-style language. I managed both the front-end design and back-end development, integrating AI functionality for smooth and creative rephrasings. The platform delivers a fun, engaging experience, perfect for anyone looking to add a modern twist to their communication. This project highlights my skills in blending AI with user-centric design to create a playful, interactive web tool.

Genzify AI video thumbnail
Genzify AI preview 2
Genzify AI preview 3
Genzify AI preview 4
+2 more
Next.js
OpenAI API
Tailwind CSS
TypeScript
Shadcn/UI
WhatAboutPets

WhatAboutPets

WhatAboutPets is a comprehensive blog and e-commerce platform I built to provide valuable insights into pet care, health, and wellness. Alongside engaging articles, the site features an integrated WooCommerce store, offering a variety of pet-related products. I managed everything from designing the user-friendly interface to implementing SEO strategies and setting up the online shop. This project highlights my expertise in both content-driven sites and e-commerce solutions, creating a complete experience for pet lovers.

WhatAboutPets video thumbnail
WhatAboutPets preview 2
WhatAboutPets preview 3
WhatAboutPets preview 4
+3 more
Next.js
WordPress
TypeScript
Tailwind CSS
Shadcn/UI
GraphQL
Woocommerce
Plaiful - AI Agent Directory

Plaiful - AI Agent Directory

Developed for a client, Plaiful is a comprehensive AI agent directory platform built on Next.js. This project involved significant customization of the OpenAlternative codebase to create a dedicated platform for discovering and comparing AI agents focused on the banking and credit union sector. I implemented advanced filtering, search capabilities, and built a modern, intuitive interface for users to easily find AI solutions tailored to their specific needs.

Plaiful - AI Agent Directory video thumbnail
Plaiful - AI Agent Directory preview 2
Plaiful - AI Agent Directory preview 3
Plaiful - AI Agent Directory preview 4
+3 more
Next.js
TypeScript
Tailwind CSS
Prisma
Supabase
Zambia Casino

Zambia Casino

Built for a client, Zambia Casino is a sleek landing page for an online casino targeting the Zambian market. I designed and developed a responsive, high-performance site that effectively showcases the casino's offerings, promotions, and games. The project emphasizes strong visual elements, fast loading times, and intuitive navigation to optimize user engagement and conversion rates in the competitive online gambling space.

Zambia Casino video thumbnail
Zambia Casino preview 2
Zambia Casino preview 3
Zambia Casino preview 4
+4 more
Next.js
TypeScript
Tailwind CSS
Framer Motion
Shadcn/UI

TECHNOLOGIES


Next.js

A React framework

React

A JavaScript UI library

Tailwind CSS

A CSS framework

TypeScript

Typed Javascript

Git

A version control system

Prisma

An ORM for databases

WordPress

A CMS for websites

Express.js

A Node.js framework

Puppeteer

A library for browser automation

BLOGS


Discover Untapped Features in NextJS for Advanced Development

July 31, 2025

NextJS has revolutionized the way developers build modern web applications with its powerful features and ease of use. However, many developers often overlook some of its advanced capabilities that can significantly enhance their projects. If you are looking to push the boundaries of what NextJS can do, this guide will uncover hidden features and practical […]

Why Next.js is the Ultimate Framework for SEO and Performance Optimization

October 18, 2024

Next.js is one of the most powerful frameworks for building modern web applications, especially when it comes to SEO (Search Engine Optimization). In an increasingly competitive digital landscape, where search engine rankings can make or break a website, the right tools for optimizing SEO are crucial—and Next.js delivers on every front.

Why Should You Build with Next.js?

October 17, 2024

Next.js has become one of the most popular frameworks for modern web development. With features designed for performance, SEO, and scalability, it’s the go-to choice for developers looking to build robust web applications. In this article, we’ll explore why you should choose Next.js for your next project, and how it can help streamline development. 1. […]

Using AI to Enhance User Experience in Web Development

October 15, 2024

AI is revolutionizing web development by enabling more personalized, responsive, and engaging user experiences. In one of my projects, I leveraged several AI-powered features to create a dynamic and user-friendly platform that catered to individual user needs and enhanced overall engagement. Here’s how chatbots, auto-suggestions, and dynamic content personalization played a crucial role in transforming […]

Connecting Prisma to a Next.js App for Full-Stack Development

October 14, 2024

Prisma is an open-source ORM (Object-Relational Mapping) tool that helps developers interact with their databases in a more intuitive and efficient way. It works seamlessly with Next.js to create full-stack applications, allowing you to manage your database directly within your Next.js app. In this guide, we’ll demonstrate how to set up and use Prisma with […]

Why TypeScript Is the Future of JavaScript Development

October 11, 2024

JavaScript has long been the standard for building interactive and dynamic web applications, but as applications grow in complexity, so do the challenges associated with maintaining and scaling them. Enter TypeScript, a superset of JavaScript that brings static typing to the language, transforming the way developers build, manage, and scale modern applications. In this article, […]

Why Tailwind CSS Is Taking Over the Front-End World

October 8, 2024

Tailwind CSS has rapidly become the go-to choice for front-end developers. It brings a utility-first approach that allows for rapid development, flexibility, and high performance. 1. Utility-First Approach Tailwind’s utility-first methodology provides developers with thousands of small, composable classes that they can directly use in their HTML. This allows for a high degree of customization […]

CONTACT


Made with ❤️ by Aurora

© 2024 Alvin Chang | Full-Stack Developer. All rights reserved.