mamskie/portofolio

Created Dec 30, 2025 · View the mamskie/portofolio repository page

An animated time-lapse of how mamskie/portofolio was built, commit by commit.

Want this for your repo?

Render a free sample of any GitHub repo in seconds.

Visualize your own →

Contributors

2

Lines of Code

6,366

From

May 6, 2025

To

Dec 10, 2025

About mamskie/portofolio

This is the personal portfolio website of M. Khotibul Umam, an Information Systems graduate and self-taught developer. The site features a unique terminal-style command-line interface theme combined with modern web design, showcasing his work, technical skills, and personal projects. It includes interactive elements like a guestbook and contact form, supports light and dark modes, and is fully responsive across devices.

The portfolio is built with Next.js and TypeScript as the core framework, with styling powered by Tailwind CSS, Styled Components, and SCSS. It uses Vite for bundling and Firebase for optional authentication and guestbook functionality. The project demonstrates strong performance optimization, achieving perfect scores on GTmetrix and PageSpeed Insights with metrics like a 627ms largest contentful paint and zero cumulative layout shift. The development setup includes modern tooling like ESLint, Prettier, Husky for Git hooks, and commitlint for conventional commits, with continuous deployment configured through GitHub Actions to Firebase Hosting or Vercel.

The project welcomes contributions following the Conventional Commits format and includes a roadmap for future enhancements such as animated command transitions, improved contact forms, additional themes, and expanded testing and documentation.

Share this video