My Personal Portfolio Website

3 min read
0views
Date
Banner Fahmi Idris Dev

Content projects

This website was established not just as a learning tool, but also as a place for me to write and show off my projects, as well as a repository of my past experiences.


Short explanation

This is my personal website, I made this for the purpose of my portfolio. I was also inspired to create a personal article whose contents tell my thoughts about programming, my life story, and maybe just random stories.

I developed this website using TypeScript, Next.js, Tailwind CSS, and MDX v2.

Project goals

This website was built not only for portfolios, but as a place for me to learn. I will continue to develop the features on this website from time to time.

Actually I want to create a personal development environment, as made by Theodorus Clarence. Starting from starter templates, sort links services, design documentation, etc. I plan to build it all.

Technologies are used

The technology I use is:

  • TypeScript
  • Next.js
  • Tailwind CSS
  • MDX v2
  • and more third party packages

This website also has an old version of the UI. Most of the UI, I took references from Tailwind Labs products, such as the Tailwind CSS documentation, Tailwind UI components, Heroicons, and others.

Version v1.0.0

This is version v1.0.0 of my personal website, indeed there are many unfinished features there, at that time I had difficulty completing some features.

You can visit it directly at https://v1.fahmiidris.dev.

Home Page
Home Page
Projects Page
Projects Page

Version v0.1.0

This is the initial version of my personal website released. at that time I made it to apply for a job that required having a personal portfolio website.

You can visit it directly at https://v0.fahmiidris.dev.

Home Page
Home Page
Projects Page
Projects Page

Lessons learned

The lessons I've learned while working on this website are mostly React.js, Next.js, and Tailwind CSS fundamentals, then project structures, clean code, and much more.

I'm also getting used to Markdown, especially MDX. Before working on this website I didn't know what Markdown was and what it was created for.


This personal website will continue to grow! Thank you!