About This Website

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 Netlify. 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:

• Karla: Used for the majority of the body content for readability.
• Geist: Used for the content of Blogs and Projects Slug Page.
• Peachi: Applied to headings to create a distinct and memorable visual hierarchy.
• Life of Apple: Elegantly displays my name, lending a personal touch.
• MonoLisa: Chosen for code snippets, ensuring clarity and legibility.
• Ride My Bike: Font for some special sections of the website.
• JetBrains Mono: Used for code blocks and technical content.

Design & Colors

The website's color palette is a result of deliberate selection and feedback, reflecting my personal aesthetic while prioritizing accessibility and a modern feel.

These colors are consistently applied throughout the site to maintain a cohesive and visually appealing experience.

External APIs & Libraries

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

• Web3Forms: For handling form submissions.
• Weather API: To dynamically display weather information.
• Joke API: To generate random jokes.
• Spotify API: To showcase listening activity.
• WakaTime API: To display coding statistics.
• Time API: To display time in the contact page.
• Umami API: For privacy-focused website analytics.
• Feedback.fish: Providing the feedback widget.

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
• auth.js v2: For secure and streamlined user authentication.
• Icons: Sourced from both react-icons and react-feather, providing a diverse and consistent icon set.
• recharts: Used for data visualization in the dashboard.
• react-hot-toast: For displaying user-friendly toast notifications.
• react-canvas-confetti: To generate engaging confetti effects.
• Custom Cursor: For unique and personalized custom cursors.
• react-medium-image-zoom: Enables image zooming functionality.
• react-cookie: For Storing Blog Views and Likes.
• framer-motion: For smooth animations and transitions.

About the Prayer Flags

Being Buddhist myself, from the Tamang community, the prayer flags in my portfolio's navbar hold deep personal meaning. They're not just design elements; they represent a bridge between my cultural roots and my creative expression.

In Buddhism, prayer flags “Lung ta” (རླུང་རྟ་) symbolize peace, compassion, strength, and wisdom. Hung across temples, mountains, and doorways, they are believed to spread blessings and positive energy with every flutter of wind.

In my website, the soft Framer Motion animation recreates that sacred motion, a digital interpretation of the wind carrying prayers. It's my way of letting the design itself breathe, as if every frame carries good intent across the screen, just like the wind does in the Himalayas.

The Five Colors of the Flag

Each color represents one of the five natural elements, harmonizing the inner and outer world:

Together, these colors embody balance and harmony, values I strive to reflect both in my life and in the way I write code. By blending this ancient symbol into a modern interface, I aim to show that design can carry spirit, connecting tradition and technology in one gentle motion.

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:

Beautiful flowers decoration used in the footer by Saira from 100 Day Design Challenge

• Ouassim: For the inspiration to re-create my new portfolio.
• Jahir Fiquitiva
• Theodorus Clarence
• Bona Brian Siagian
• Lee Robinson
• Marc Bouchenoire
• Victor Eke
• Ryan Aulia
• Vijay Verma
• Raphaël Chelly
• danielwirtz
• DavidDarnes
• Sayan Dey
• Håvard Brynjulfsen

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