My Personal Website (Version 2)

Source Code for iamzzy.com

Updated on 2023-2-6

Milestones

• Personalised home page
• [*] Darkmode (REMOVED)
• Social media contact links.
• Automated integration using Github Actions and Vercel.
• Timeline of my education and experience
• Sample showcase of selected projects
• Mobile Compatibility - Responsive Design
• Rotary pages
• Move social media links to rotary
• Move to top button
• Attended Activities/Events
• HTML-version CV, downloadable
• HTML-version papers and reports

Deployment

This is a Next.js project bootstrapped with create-next-app.

Using Typescript, Javascript, Html, Css

Getting Started

First, clone this project

git clone https://github.com/zhaoyu-z/personal-website.git
cd personal-website

go to branch "V2"

git checkout V2

then run on the development server:

npm run dev
# or
npm install
npm run build
npm run start

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

Learn More

To learn more about Html, Css & Javascript, take a look at the following resources:

HTML Documentation - Structuring the web with HTML.

CSS Documentation - Learn to style HTML using CSS.

JavaScript Documentation - Dynamic client-side scripting.

To learn more about Next.js, take a look at the following resources:

Next.js Documentation - learn about Next.js features and API.

Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

You can check Next.js deployment documentation for more details.

Further More

Any discussion or issue is more than welcome !!!