Website

Development

Overview

Timeline


Feb 2022 - Present

Role


Front-End Developer

Scope


Web Design

Coding

BACKGROUND


Design and programming of website according to business (stakeholder) requirements. Websites for restaurants are especially important due to the branding and intrigue it must present to website viewers in order to attract customers.

TECHNICAL OVERVIEW


Within this project I utilised a Maps API to display the restaurant location within a interactive map.


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.