• My Portfolio

    This is my portfolio website. Here I post about my projects, talk about myself and tell my story. It is build with astro and using tailwindcss as an easier way of using css


    This is one of my projects that will never end developments. My idea was to just make a way for people to see what I build and what I am building currently and to also follow my story. I made it as a way of learning astro but also as a method of being able to tell people about what I do and who I am. With that said I will keep on updating thiss once in a while and you will definitely see it improve if you check on it somewhat often.

    • Readme

      Where I, Pepino tell my story and showcase my projects

      Documentation โ€ข Report Bug โ€ข Request Feature


      ๐Ÿ“„ Description:

      This is my portfolio website. Here I post about my projects, talk about myself and tell my story. It is build with Astro and using Tailwindcss as an easier way of using css.


      โ“ Why I made this:

      This is one of my projects that will never end developments. My idea was to just make a way for people to see what I build and what I am building currently and to also follow my story. I made it as a way of learning astro but also as a method of being able to tell people about what I do and who I am. With that said I will keep on updating thiss once in a while and you will definitely see it improve if you check on it somewhat often.


      โœจ Features

      • ๐Ÿ“‹ List of current and completed projects
      • ๐Ÿ“„ Readme files on site
      • ๐Ÿ“ท Project preview thumbnail
      • ๐Ÿ“– About me page
      • ๐Ÿ“† Timeline of my coding life
      • ๐Ÿ–ผ๏ธ Beautiful self made logo
      • โŒ› Hackatime time badge
      • ๐ŸŒ Used coding languages badges

      ๐Ÿ” System Overview

      Just a simple website that can probably run on most servers. Hosting on vercel for now until I have my own server.

      ๐Ÿ“ Data Storage

      Soon? Maybe


      ๐Ÿง‘โ€๐Ÿ’ป Usage

      • Go to pepinoportfolio.vercel.app and read a short description about me
      • Find my projects on the projects page
      • Find out more about me on the about me page

      ๐Ÿ”ฎ Planned Features

      • ๐Ÿ“ƒ Devlogs
      • ๐Ÿ›ก๏ธ Logging in to post, comment and like
      • ๐Ÿ‘€ More visuals
      • Database support (SQLite)
      • Logging system
      • Admin tools / interface

      ๐Ÿค Contributing

      • ๐Ÿ› Found a bug? Open an issue
      • ๐Ÿ’ก Have an idea? Suggest a feature

      All ideas are welcome.


      ๐Ÿค– AI declaration

      Used copilot for fixing some bug in the devlog system which is not done yet.


      ๐Ÿ“„ License

      This project is free to use but not copy.


      Made with learning in mind.
      If you like my story and projects, consider โญ starring the repo or following me on github!

      I will try to update this program once in a while so I have a changelog aswel.
    • Github Repository

  • thumbnail

Recent Devlogs:

Made navbar

Pepino worked on Portfolio on 2026-03-26

Devlog 1


Hello everyone, Today I mostly tried to learn a lot of random stuff because I donโ€™t really know how Astro works yet, and I also did not know where to start. It was kind of hard to figure out some things but it worked out so yeah thatโ€™s cool. I used a lot of ai to try to learn stuff. Not directly copy pasting stuff tho as thatโ€™s not fun. Also Astro documentation has been really helpful lowk :P. I made a navbar and working on background and project tiles for on project page so yeah. That was it for today. Also changelog โ†“. Thank you for reading
โ€Žโ€”

Changelog version 0.0.1 or smt

  • Random shit
  • Nav Bar with animations
  • Started on background
  • Mostly learning
Made navbar

Fixed background and project list page

Pepino worked on Portfolio on 2026-03-30

Devlog 2


Hello everyone, For the past few days I mostly learned about tailwind classes and more basic html and css things. . It was kind of hard to figure out some things but I like how its looks up untill now. I used a lot of ai to try to learn stuff like asking it what classes i should use or how some things work. Did not ask it to code things tho. Also tailwind doc has been really helpful. I worked on a working background this time and made a start on the project tiles for my projects page. I made them fully modular so I can easily add more. I also want to make me able to add them on the website itself with some sort of login system, havenโ€™t fully thought that out tho. Anyways that was it for today. Also changelog โ†“.

Thank you for reading, hope you like my progress.
โ€Žโ€”
Changelog version 0.0.2 or smt

  • Learned
  • Improved nav bar
  • Background dark mode done
  • Made a start on projects page with modular tiles
  • Made a id based page system to easily add project pages
Fixed background and project list page

Started on project page

Pepino worked on Portfolio on 2026-04-02

Devlog 3


Hello everyone, For the past few days I mostly started actually coding myself without relying too much on learning from documentation or from ai. Did use tailwind documentation for a few classes that I didnt learn yet and for some things that I couldnt get to work. I worked on improving the projects screen and I also made a start on the modular system for per-project pages where you can type some things, place photos and more. Now I will be going to work on making devlogs a feature on my own website (for when flavortown ends) and putting the readme, repo and maybe a demo on the website Also changelog โ†“.

Thank you for reading, hope you like reading about what I do.
โ€Žโ€”

Changelog version 0.0.3 or smt

Learned

  • Improved project page ui
  • Fixed background not behind content
  • Made a start on modular per project info with images and more
  • Started on backend Devlog system
Started on project page

Made new logo and improved project pages

Pepino worked on Portfolio on 2026-04-04

Devlog 4


Hey yall, I have been trying to figure out the devlog system but it is a pain. Astro documentation on content collection is from multiple versions and tutorial is hella old. Anyways I made a new icon for in the header and as the favicon inspired by hackclub ysws logos :D. I also worked on putting devlogs on project pages, I got it to work finally. And I also made the images on project page work on public releasesโ€ฆ I think, I didnt publish it yet tho. Anyways I am also trying to figure out the color theme I want to go with. Probably something purple Like I have now but I am not sure yet Also changelog โ†“.

Thank you for reading, hope you like my progress :P.
โ€Žโ€”

Changelog version 0.0.4 or smt

  • Made new logo/favicon
  • Put readmes on project pages
  • Made a start on devlogs
  • Fixed readability a bit
  • Fixed project images not working, sometimes
  • Made hackatime time badge theme the same everywhere
Made new logo and improved project pages

Made homepage, about me and deployed 1.0

Pepino worked on Portfolio on 2026-04-08

Devlog 5


Hey yall, I have finished my project for my first ship. I added repositories on project pages so you can easily find them. I also added a timeline with my story on the about me page and made the homepage. On the background I have been working a bit on the devlog system and I will definitely release that later but for now my website is done and I can rest :). Also changelog โ†“.

Thank you for reading, hope you like my website :P.

Will keep on updating laterโ€ฆ
โ€Žโ€”

Changelog version 1.0

  • Made homepage
  • Made about me page
  • Added repo on project pages
  • Added cute cat pictures
  • Made my website completed on projects page :P
  • Updated vercel deployment
  • Release 1.0 :D
  • Website
Made homepage, about me and deployed 1.0

Improved homepage and learned js

Pepino worked on Portfolio on 2026-04-10

Devlog 6


Hey yall, I have been trying to make a more appealing and dynamic homepage that shows my skill but not too much text and also still includes the cute cat picture :3. So I had to learn js mad_ping_sock . I already hate JS sob-pray. Anyways, I kinda figured it out after a long ass time. So I kinda have a way so you can see what tools I use now and I also improved appeal and readability. More in changelog โ†“.

Thank you for reading, hope you like my progress.
โ€Žโ€”

Changelog version 1.1

  • Improved homepage
  • Improved visuals on home page
  • Improved readability
  • Kept cute cat picture
  • Added dynamic list of tools with hover effects :p
  • Learnt a bit of JS D:
Improved homepage and learned js

Bug fixes, random colored name and 404 page

Pepino worked on Portfolio on 2026-04-11

Devlog 7


Wassup, Quick update on my progress. Today I kinda mostly worked on readability and appearance. I made the name color come randomly, made the button of the category you selected highlight and improved the links to other pages. I also fixed a bug to do with the background container and created a 404 page :p.

Im working on a lotta shit in the background, so stay tuned.
โ€Žโ€”

Changelog version 1.2

  • Improved homepage
  • Improved appearance colors on all pages
  • Improved readability
  • Improved margins
  • Made 404 page
  • Fixed background not working always
  • Fixed header too big
  • Made randomized colors on homepage
  • Added better page redirect buttons
  • Made page display current selected category
  • Used js mad_ping_sock
Bug fixes, random colored name and 404 page

Mobile compatibility fix

Pepino worked on Portfolio on 2026-04-12

Devlog 8


Wassup readers, Quick update on my progress. Today I tried to make the whole website work on mobile and multiple screen sizes. Home page works now on mobile and reworked project page a bit too to fit better. I am working on the about me page too but that one is really hard so it will take some more time. Also changelog really short but still made one โ†“.
Any device compat coming soon.
โ€Žโ€”

Changelog version 1.2.1

  • Improved homepage
  • Fixed homepage mobile
  • Made homepage compatible for any screen size
  • Made projects page compatible for any screen size
  • Tried to fix about me. WIP
Mobile compatibility fix

Version 2.0 deployment update

Pepino worked on Portfolio on 2026-04-15

Devlog 9


Yoo everyone, Quick update on my progress. Today I continued making the website mobile and multiple screen size friendly. With that comes the about me, 404, project and per project pages ofcourse. I had to fully rework the about me page for it to work but I think it looks better overall. On pc aswel. It was kind of hard sometimes to get the things in the right place on every screen, so luckily ai helped a little bit there. But it works now so I am happy. Changelog โ†“ also I am reshipping soon for LockIn :p
Im also updating the demo deployment at Pepinoportfolio.vercel.app so check that out if you wish.
โ€Žโ€”

Changelog version 2.0

  • Fixed image being alive on project page
  • Fixed readme out of screen
  • Fixed project description out of screen
  • Removed all absolute placements
  • Fixed about me on other screen sizes
  • Made reactive about me timeline
  • Fixed 404 going out of page
  • Fixed lists of items like projects going outside screen
  • Release 2.0 :D
  • Website
Version 2.0 deployment update

Added devlogs

Pepino worked on Portfolio on 2026-04-22

Devlog 10


Yoo everyone, New update on my progress. I have been trying to work on the devlog system and happy to announce I made a first version finally. It took a lot of work and also found some other bugs on the way that I had to fix sadly. But it works now so I am happy. I fixed background going over page sometimes and devlogs not printing headers and titles. Changelog โ†“ :P.
Updating the demo deployment at Pepinoportfolio.vercel.app later today so check that out soon if you want to.
โ€Žโ€”

Changelog version 2.1

  • Version 1 of devlogs on project page
  • Fixed background growing and shrinking randomly
  • Fixed background clipping content
  • Made v1 of devlog page
Added devlogs

Fully implemented devlogs on homepage

Pepino worked on Portfolio on 2026-04-23

Devlog 11


Yoo everyone, Quick update on my progress. Today I continued working on my devlog system which turned out to not be as simple as I thought. Content collections can be annoying some times mad_ping_sock but with the help of some tutorials and astro documentation I got it to finally work. I also had a bug with the background going over page content and I tried for an hour to fix it even chatgpt didnt know lol, but I finally figured it out so I am happy But it works now so I am happy. Changelog โ†“ also I am reshipping quickly for LockIn :p

โ€Žโ€”

Changelog version 2.2

  • Fixed background hovering over screen
  • Added devlogs to homepage
  • Added more devlogs
  • Added this devlog
  • Added easter egg
  • Made devlog listing system
  • Fixed devlog list going out screen
  • Release 2.2 :D
  • Website
Fully implemented devlogs on homepage

Updated UI

Pepino worked on Portfolio on 2026-04-29

Devlog 12


Yoo everyone, Quick update on my progress. Today I worked on reworking my ui and making it better, as my feedback suggested I needed to do so. This is not the final version, I will rework it a bit more but for now I already updated the background color and changed some colors to make the palette more consistent. I also updated the project tiles to look more clean and simple and include some data about the amount of devlogs. I am also working on improving the devlogs on homepage with a button to toggle them on and off. So yeah not crazy changes, but really important for visual attractiveness. Changelog โ†“

โ€Žโ€”

Changelog version 2.2

  • Updated color palette sitewide
  • Made beginning on updating homepage devlogs ui
  • Added more devlogs
  • Added this devlog
  • Added devlogs button on homepage to toggle devlogs
  • Made project tiles display amount of devlogs on that project
  • updated project tile ui
Updated UI

Attractiveness improvements

Pepino worked on Portfolio on 2026-04-30

Devlog 13


Yoo everyone, Update on my progress. Today I worked more on reworking my ui and making it better, as my feedback suggested I needed to do so. I improved the consistency of the color palette over devlogs, project tiles and buttons. I improved readability on project page and really importantly added the ability to click through images if there is multiple in a single devlog like this one. I also added hover effects over a lot of pages to increase attractiveness and fixed the images on devlogs not loading on some devices. Changelog โ†“

โ€Žโ€”

Changelog version 3.0

  • Fixed color palette consistency
  • Added multiple images support for devlogs
  • Added more devlogs
  • Added this devlog
  • Added a ton of hover effects to explore
  • Added discord status to home page
  • Added my time status to home page
  • Fixed devlog image not loading
Attractiveness improvements