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 who started coding in 2023. Since then, I've built streaming platforms, blogs, and e-commerce sites. Whether it's front-end finesse or back-end logic, I love bringing ideas to life on the web.

When I'm not coding, you'll find me playing Dota 2, cooking up new recipes, or streaming on Kick. Let's connect—I'd love to help with your next website or API project!

EXPERIENCES


2024 - Present

Studio Aurora

Founder | Lead Developer

Founded a web development agency focused on delivering high-quality websites and custom digital solutions. Lead the end-to-end development process, from client consultation and project planning to design implementation and deployment. Skilled in building scalable web apps, e-commerce platforms, and custom API integrations using modern frameworks like Next.js. Oversee a team of developers and coordinate projects to ensure timely delivery and client satisfaction.

2023 - 2024

Pingu Dev Inc.

Full-stack Engineer

Developed various websites including streaming platforms, landing pages, and news sites using Next.js, WordPress, and Maccms. Built and managed APIs with Express.js, and leveraged web scraping to curate and generate content. Introduced automation processes to streamline workflows and built desktop applications with Electron for internal use.

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


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.