Colophon

A detailed look at how this website was built, the technologies used, and the people who inspired it.

About This Website

This website is my personal portfolio - my place on the internet. It's a digital canvas where I showcase my skills, projects, and everything I'm passionate about.

This is the fourth version of my portfolio. My journey began in 2023 when I deployed my first portfolio, which I had copied from a YouTube tutorial. Later, after passing my SEE examination, I built the second version - this time inspired by and heavily influenced by Leerob's portfolio. In March 2025, I launched the third version, refining my skills further. Now, I've crafted this fourth version from the ground up with a strong focus on minimalism, blending all my experiences into a clean, thoughtful design that truly represents me.

Built with Sanity, TypeScript, Next.js, and PostgreSQL, this website prioritizes performance, user experience, and maintainability.

Live Since

0days

Since April 12, 2023

Tech Stack

This website is proudly crafted with the following technologies:

I purchased my domain manishtamang.com for this site from Bisup, and the site is deployed on Vercel. The code for this site is open-source and available on GitHub.

Typography

A carefully selected set of typefaces contributes to the website's visual identity:

  • Inter: Used for the majority of the body content for readability.
  • Geist: Used for the content of Blogs and Projects.
  • Geist Mono: Chosen for code snippets, ensuring clarity and legibility.
  • Custom Font: Applied to special headings and personal touches.
Inter Regular
Geist Regular
JetBrains Mono
Custom Font

Design & Colors

The website uses a minimalist design focused on readability and user experience. It supports light and dark modes for strong contrast and accessibility. An intentional mix of colors adds visual interest while keeping the design balanced.

Color Palette (Click to copy)

External APIs & Libraries

This website leverages several external APIs and libraries to enhance functionality and user experience:

Additional Libraries & Functionality

Beyond the core tech stack, the website utilizes the following libraries to enhance specific features:

  • Shadcn UI: For beautifully-designed, accessible components.
  • Better Auth: For secure and streamlined user authentication.
  • Resend: For email delivery.
  • Icons: Sourced from react-icons and Lucide, providing a diverse and consistent icon set.
  • Sonner: For displaying user-friendly toast notifications.
  • Framer Motion: For smooth animations and transitions.

Acknowledgements

I would like to express my sincere gratitude to the following individuals and their work, which have significantly inspired the design and development of this portfolio:

And to many more talented developers and designers whose work has unknowingly shaped my perspective and approach. Thank you all.