Skip to content
Personal Website 2024

Personal Website 2024

Tasks & responsibilities

Learn React by building a portfolio from a Next.js course, then make it my own

My first React project: a one-page portfolio that served as ijalfauzi.com in 2024.

Overview

In June 2024 I set out to learn React and its ecosystem. I followed JS Mastery’s video course Build and Deploy an Amazing Developer Portfolio with Next JS and Framer Motion from start to finish, then made the result my own. It ran on Vercel as ijalfauzi.com until I moved the site to WordPress. The screenshots below were recreated in 2026 by running the 2024 source locally.

What I Did

  • Followed the course to build the floating navigation, hero, bento grid with a Three.js globe, project cards, and testimonial strip.
  • Replaced the sample copy, projects, testimonials, and tech stack with my own, and removed sections I did not need.

Screenshots

Dark hero with the headline Shaping Visions into Engaging Digital Presence and a Show my work button

The hero, with the course’s spotlight and grid background.

Bento grid with a photo tile, a Three.js globe, and a scrolling tech stack

The bento grid: the globe and the tech stack tiles.

Lower bento tiles with a Copy my email button and a code snippet panel

The lower tiles, including the copy-email button.

Project cards for the portfolio itself and Modifus, each with stack icons and a live site link

Recent projects, as they were listed in 2024.

The hero, with the course’s spotlight and grid background.The bento grid: the globe and the tech stack tiles.The lower tiles, including the copy-email button.Recent projects, as they were listed in 2024.
1 / 4

Work with me

Interested in something like this?

Tell me about your project and I'll get back to you with how I can help.

From the portfolio

More work