Hi!, I'm Adam Li

A full-stack developer passionate about creating beautiful, functional, and user-centered digital experiences.

About Me

I'm a passionate full-stack developer with 10+ years of experience creating web applications. I love turning complex problems into simple, beautiful, and intuitive solutions. When I'm not coding, you'll find me exploring new technologies.

Featured Projects

Here are some of my recent projects that showcase my skills and passion for development.

E-commerce Website

Build a fully functional e-commerce website for a mock e-commerce platform

HTML

CSS

Typescript

React

Next.js

Tailwind CSS

Code Demo

Footer

Build a multi-column footer featuring navigation links for the website, social media channels, and newsletter signup section

HTML

CSS

Typescript

React

Next.js

Tailwind CSS

Code Demo

Product Grid Section

Build a responsive and modular section to display specified product listings

HTML

CSS

Typescript

React

Next.js

Tailwind CSS

Code Demo

Product Reviews

Build a responsive product reviews dialog that displays a summary of reviews with sorting and pagination

HTML

CSS

Typescript

React

Next.js

Tailwind CSS

Code Demo

Product Details Section

Build a responsive and dynamic product details section for displaying product information

HTML

CSS

Typescript

React

Next.js

Tailwind CSS

Code Demo

Navbar (E-commerce)

Build a minimal, responsive navigation bar seen on typical e-commerce websites

HTML

CSS

Typescript

React

Next.js

Tailwind CSS

Code Demo

Cookie Consent Banner

Build a responsive cookie banner and preferences dialog backed by a cookie consent management system.

HTML

CSS

Typescript

React

Next.js

Tailwind CSS

Code Demo

Button Component

Build a button component capable of showing different states, sizes and icon configurations.

HTML

CSS

Javascript

Tailwind CSS

Code Demo

Profile Card Component

Build a simple profile card featuring a user's basic information and links to their social media profiles.

HTML

CSS

Javascript

Tailwind CSS

Code Demo

Blog Card Component

Build a simple blog card displaying details of a blog article.

HTML

CSS

Javascript

Tailwind CSS

Code Demo

Testimonial Card Component

Build a simple user testimonial card with key testimonial elements.

HTML

CSS

Javascript

Tailwind CSS

Code Demo

Skills & Technologies

I work with a variety of technologies to bring ideas to life.

Frontend

React

Next.js

ES6

TypeScript

Tailwind CSS

Vue.js

Angular

Backend

Express

Nest

Spring Boot

MySQL

MongoDB

Restful APIs

GraphQL

Design

Figma

UI/UX

Responsive Design

Let's Work Together

I'm always interested in new opportunities and exciting projects. Let's connect!

Email Me LinkedIn