https://github.com/hkattt/portfolio

My personal portfolio
https://github.com/hkattt/portfolio

nord-theme porfolio-website react vercel vite

Last synced: 16 days 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 (about 2 months ago)
• Default Branch: main
• Last Pushed: 2025-01-03T10:39:39.000Z (17 days ago)
• Last Synced: 2025-01-03T11:35:43.149Z (17 days ago)
• Topics: nord-theme, porfolio-website, react, vercel, vite
• Language: TypeScript
• Homepage: https://hugo-kat.vercel.app/
• Size: 7.04 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Portfolio 

## Overview

This is my personal website made using Vite, React, and TypeScript

## Dependencies

TODO

## Assets

The icons used in this website were retrieved from the following sites: [Simple Icons](https://simpleicons.org/), [SVG Repo](https://www.svgrepo.com/), and [Icon Icons](https://icon-icons.com/). Each icon has a corresponding attribution if needed. 

The website uses the [Nord Theme](https://www.nordtheme.com/docs/colors-and-palettes) colour palette.

The website uses the [Inter font](https://rsms.me/inter/).

A [Codepen filter generator](https://codepen.io/sosuke/pen/Pjoqqp) was used to create filters to colour the SVG icons. 

Redirect icon: https://icon-icons.com/icon/external-link/151370

## Inspiration

1. Brittany Chiang: https://brittanychiang.com/

2. Max Bock: https://mxb.dev/

3. Tamal Sen: https://tamalsen.dev/

4. Annie Bombanie: https://anniebombanie.com/

5. Adenekan: https://www.codewonders.dev/

6. tkat0: https://www.tkat0.dev/en/

7. Ciprian Craciun: https://stefaniq.com/ 

8. Matthew Kwong: https://mwskwong.com/

8. Tobias Ahlin: https://tobiasahlin.com

9. Cassie Evans: https://www.cassie.codes/

10. Amie Chen: https://amie-chen.com/

11. Troy Story Games: https://www.troystorygames.com/

12. Oluwadare Oluwaseyi: https://www.seyi.dev/

13. Ayda OZ: https://www.aydaoz.co/

https://weblium.com/blog/best-portfolio-website-examples/

license stuff: https://isabel-prime.github.io/

## Look into?

Use PocketBase as the database???

Environment variables for API stuff

1. Style React components using external frameworks (e.g. tailwind) or preprocessors such as SaaS

2. Extend the project to use Next.JS?

3. What is yarn used for?

4. Look into deployments (see Brittany's GitHub). Like what is she deploying?

5. Why is GitHub not identifying my language?

6. What is React Router?

7. What is CodePen?

8. What is fluent UI?

## TODO

1. Decide how I want to design my website (e.g. using FIGMA)

2. Design the website

3. Deploy the website using GitHub pages

4. Add Blog section - with backend - first Blog can be about making the Blog section