Digital portfolio of Kevin Chang, a Software Developer
This is a web application meant for providing a look into my software development skills. The app itself is built with Next.js, with Chakra-UI as the front-end framework, and deployed on Vercel.
Do check out the website here!
I built the entire application myself, starting with a bootstrapped Next.js project. However, it is important to acknowledge that while I designed the bulk of the website, several snippets were inspired by the work of others, which I shall list below.
Before I began designing my own portfolio website, I spent hours going through several built by other web developers, taking reference from sites like this. In addition, I took inspiration from:
This is the original design template that I had considered using, and now, it still retains several aspects of this design. The overall colour scheme is largely the same, and the main "Home" page and the "About" page are also retained.
This website has a clean introduction, with links to the rest of the website embedded in it. The "Projects" page consisted of a grid of cards that displayed the thumbnails initially, and displayed a simple summary on hovering.
Dunkerley's website is very minimalistic and simple, but what caught my eye was the framing pieces with the gradient backgrounds. The pieces shift colour with user movement, and change stop colours with a click of the logo, which I thought was very interesting.
I like the way Maheshwari showcases his projects, in a clean and straightforward manner, concise yet detailed enough.
David's website is bombastic, to say the least. However, the part that I really liked was the design of his "Contact" page, which showcased his fields of interest as well.
If you wish to run this project locally, to test it or to develop on it, feel free to fork or clone this repository.
Note that this is a Next.js project bootstrapped with create-next-app, and built with Chakra-UI.
First, install packages with yarn. Then, run the development server with yarn dev.
Open http://localhost:3000 with your browser to see the result.
I have deployed this website on Vercel, which is the simplest to use for Next.js projects.