Skip to content

source code for my personal website!

Notifications You must be signed in to change notification settings

ikealoverkat/777luckykat

Folders and files

NameName
Last commit message
Last commit date

Latest commit

95437f7 · · Aug 3, 2025

History

18 Commits
Aug 2, 2025
Aug 2, 2025
Aug 2, 2025
Jul 24, 2025
Aug 2, 2025
Aug 2, 2025
Jul 24, 2025
Jul 24, 2025
Aug 3, 2025
Jul 24, 2025
Aug 2, 2025
Aug 2, 2025
Aug 2, 2025
Jul 24, 2025

Repository files navigation

777luckykat: my personal website!

this is my personal website named after my username(well not my github username but my username on most of my platforms LOL): 777luckykat! there's some art, projects i'm working on, and some other stuff about me :D I wanted to make this website to display all the stuff i've been working on and basically just show off fun facts about me. I was inspired by people's personal websites from the 2000s/early 2010s, which are always flashy and have a lot of cute graphics, and I wanted to make a website that was somewhat modern but also still had lots of flashy and cute things!

how i made my project

i used Visual Studio Code as my editor, and used HTML/CSS + JS to code my website! I also used the Vite plugin and TailwindCSS. This was my first time using TailwindCSS and Vite, and it was pretty easy to setup so I'll definitely be using those again :)

struggles + things i learned

  • it was an absolute struggle to ship this website... I didn't realize I had to upload my fonts + background images to the "public" folder before running "npm run build" and i was really confused the whole time and it took like 3 hours
  • my containers are draggable and that was a huge struggle for me to script because I took some JS classes 6 years ago and forgot everything...
  • i learned that i could make custom classes in TailwindCSS and that helped me a lot with scripting so that was nice!

notes/disclaimers for visitors!!

  • disclaimer: it takes a while to load
  • this website is made to work on desktop/laptop/tablet so if you're viewing on mobile it might be a bit janky, worked pretty hard on it though so enjoy ^^
  • i submitted this website for Hack Club's Athena Award!! it's an award providing a NYC trip + award recognized by universities to teen girls + genderqueer teens and Hack Club is a 501(c)(3) nonprofit that provides tech opportunities to teens :D go check out Hack Club + the Athena Award by clicking this badge<3t;3
  • Athena Award Badge

About

source code for my personal website!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published