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 third 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. Now, with everything I've learned along the way, I've crafted this version from the ground up, blending all my experiences into a site 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's design follows a minimalist approach with a focus on readability and user experience. The color palette adapts seamlessly between light and dark modes, ensuring optimal contrast and accessibility.

The design emphasizes clean typography, generous whitespace, and subtle animations to create a pleasant browsing experience that puts content first.

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.
  • 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.