You are browsing as a guest. Sign up (or log in) to start making projects!

rekker, a personal portfolio

  • 2 Devlogs
  • 5 Total hours

A personal website built with HTML, CSS, and JavaScript. It includes an about me, my goals, skills, and projects I have made

Ship #1

Ship #1: I made a simple and professional portfolio for myself in order to display my skills and projects, called rekker. It includes an intro, about me, skills section, project section, contact info, and a nav bar at the top. The backgrounds of each section are formatted, for example the projects section has an interactive dot grid, the about me has a blurred shapes background, and the skills has a shifting gradient background. The nav bar has tabs to the right that will auto scroll to the section clicked, and the projects tab has a horizontal scroll bar for when I add more projects that I've made. I am really proud of the whole thing, but if I had to choose one thing that I'm most proud of, it would be the dot grid. It took a long time to build and format to only one section, and even longer to debug.

Try project → See source code →
Open comments for this post

1h 21m 6s logged

Devlog# 2: I fixed up the little things and polished the UI. I made the words on the upper right of the nav bar links so that you can click them and be scrolled to their respective sections. I also added an Onshape modeling card to the projects section. I added styling to each section, with a blurred moving shapes background to the about me, a gradient to the contact/links section, and a different, moving/rotating gradient to the skills section. I am going to ship this.

0
0
2
Open comments for this post

3h 27m 55s logged

DevLog #1: I just started to buil my personal website/portfolio, rekker. Today I made an outline for future improvement, creating all of the sections like the about me, skills, projects, my github, and my LinkedIn. I messed around with some styling and JavaScript in order to “fine-tune” the Things I’ve Built page, which now includes an interactive dot grid, animated project tabs, and the capacity for a horizontal scroll option when there are too many tabs to fit on screen at one. Most of this was pretty difficult for me, which is why it took over 3 hours, especially containing the dot grid, mouse positioning, and issues with disappearing borders. But I managed to debug anf fix most of everything.

0
1
14

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…