https://github.com/hkattt/portfolio
My personal portfolio.
https://github.com/hkattt/portfolio
nextjs nord-theme pocketbase porfolio-website react sass vercel
Last synced: 3 months ago
JSON representation
My personal portfolio.
- Host: GitHub
- URL: https://github.com/hkattt/portfolio
- Owner: hkattt
- License: mit
- Created: 2024-12-04T06:20:40.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-03T11:23:41.000Z (about 1 year ago)
- Last Synced: 2025-04-03T12:22:41.324Z (about 1 year ago)
- Topics: nextjs, nord-theme, pocketbase, porfolio-website, react, sass, vercel
- Language: TypeScript
- Homepage: https://hugokat.dev
- Size: 8.16 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 6
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# hugokat.dev
## Overview
Hey there! This is the repository for my [portfolio website](https://hugokat.dev/). I designed and prototyped the website in [Figma](https://hugokat.dev/) using the [Nord Theme](https://www.nordtheme.com/). I built the website using [Next.js](https://nextjs.org/) with a [Pocketbase](https://pocketbase.io/) backend. Finally, I deployed the website using [Vercel](https://vercel.com/hugo-kats-projects) and [Pockethost](https://pockethost.io/).
## Dependencies
- [Node.js](https://nodejs.org/en/download)
- [NextJS](https://nextjs.org/docs/app/getting-started/installation)
- [Pocketbase](https://pocketbase.io/docs/) and [JavaScript SDK](https://github.com/pocketbase/js-sdk)
- [Sass](https://sass-lang.com/install/)
- [SWR](https://www.npmjs.com/package/swr)
- [React Icons](https://react-icons.github.io/react-icons/)
## How to run
You can use either Yarn or npm to run the project, depending on your preference.
### Development Build
Using Yarn:
```
yarn dev
```
Using npm:
```
npm run dev
```
### Production Build
Using Yarn:
```
yarn build
yarn start
```
Using npm:
```
npm run build
npm start
```
> Note: To fetch data from the Pocketbase database, you must supply the Pocketbase host URL as an environment variable.
## Assets
The following resources were used in the creation of this website:
- [Nord Theme](https://www.nordtheme.com/docs/colors-and-palettes) colour palette
- [Space Grotesk typeface](https://fonts.google.com/specimen/Space+Grotesk)
## Inspiration
My website was inspired by various personal portfolios. Most notably:
1. [Jien Weng](https://www.jienweng.com/)
2. [Charan Ravi](https://charanravi.com/)
3. [Stefan Zweifel](https://stefanzweifel.dev/about/)
4. [Aditya Kuma](https://www.adikuma.com/)
5. [Matthew Kwong](https://www.mwskwong.com/skills)