Website

Development

Overview

Timeline


Jan 2022 - Present

Role


Front-End Developer

Scope


Web Design

Coding

BACKGROUND


This website is a showcase and overview of me, Adam Cao. Here you will find random things I build and create that I want to showcase, added over time! Whether it be simple algorithms integrated within a page or an overview on a large project. adamcao.dev is a web development project for me with no end date, it is a sandbox for me to constantly strive to improve my programming and design skills.

TECHNICAL OVERVIEW


In the past, I have developed sites in pure HTML, CSS, JavaScript or by developing on top of a CMS base such as Wordpress. However this time, I decided to go full code using more advanced frameworks and TypeScript.


This site is built using Next.js, Typescript, Chakra-UI and deployed using Vercel!


LOCALHOST:3000 TO DEPLOYMENT


The magic of this website begins on my local machine. I use a local Next.js server so that I can code efficiently and prototype from viewing changes through http://localhost:3000/ in real time.


Using Visual Studio Code as my IDE, after any code changes, the server recompiles the site in real time without any page refresh.



VERCEL


Vercel is a platform for static frontend framework sites such as mine to be developed and deployed, Vercel tracks changes to the site through deployment logs and manages production deployment.


After successful edits on my local machine, I push and commit changes to the adamcao.dev Github repository which Vercel automatically runs reliability and performance checks then deploys live.