Zain's Portfolio banner

Zain's Portfolio

6 devlogs
7h 9m 9s

This is my personal portfolio website! It shows off my past projects (not much yet, I’ll add more later), my experiences, and my CTF write-ups. Its written in Sveltekit and is hosted on Github Pages,

Demo Repository

Loading README...

Zain Marshall

I fixed the downloading files from the writeups! I moved the folder from src/lib/assests to static. Such a small issue took my a while to debug :(

Attachment
0
Zain Marshall

Thanks for the feedback! In response to it, I added the following things:

  1. Added a element to the website so the tab shows Zain’s Portfolio instead of the url
  2. The “View My Work” button now links to /projects instead of #projects. I forgot to change this from when it used to just autoscroll to when it switches tabs.
  3. Added a bit more to the README.md
  4. Added a header to the technologies section

To Do:

  1. Add images to all the projects
  2. Write more CTF write-ups
  3. Make a favicon
Attachment
Attachment
Attachment
Attachment
0
Zain Marshall

Shipped this project!

Hours: 6.5
Cookies: 🍪 32
Multiplier: 4.88 cookies/hr

This is my portfolio website! I made some cool animations and pretty pages. I have pushed making this off for too long. I’ll probably update it throughout time as I improve my skills, but I learned a lot about frontend development.

Zain Marshall

I improved the visuals of the project section, moved it to its own tab, and changed the way the project cards look. They are now much wider, and horizontally laid out. They each display the title, an image, a description, and the technologies used using the same cool hover effect as they do on the home screen. I also made it so that I can quickly add new projects by just adding objects to an array in a typescript file rather than messing with the svelte files.

Attachment
Attachment
0
Zain Marshall

I worked on the CTF writeup section of my project, I also wrote a demo for a chall I did a while ago. There is a cool obfuscated text animation and a system to take in markdown files and render them as html. Also made the code better.

0
Zain Marshall

Added a section to display the technologies I know, use, and love. Has a cool hover affect that displays the tech logo in full color and adds a glow to the border in the accent color. Used devicon for the icons.

Attachment
0
Zain Marshall

Just started the project, got a few things working. So far we have the basic layout of the website, tabs, a section of CTF writeup that renders markdown files, a project section that hasn’t been filled in, and a sick loading animation.

Attachment
0