Project Overview

My personal link in bio site is designed to showcase all the essential aspects of my digital presence, providing a sleek and modern interface for easy access to my social media profiles, digital garden, portfolio, and way of contact.

Project Inspiration

The project was inspired by popular "link in bio" sites. I created this menu due to the lack of design choices and excessive branding found in existing solutions. My goal was to develop a more personalized and aesthetically pleasing alternative that aligns with my branding.

Key Features

Card Flip Effect: Utilizes CSS animations to create a hidden contact form that is revealed via a card flip.
Typewriter Effect: Employs the react-type-animation library to create a dynamic typewriter effect.

Technologies Used

Languages: HTML, CSS, JavaScript
Frameworks/Libraries: Astro, React, Tailwind CSS, EmailJS

Challenges Faced

Design Decisions: This project underwent at least ten different design iterations before landing on a sleek and modern design with a hidden contact form.

Key Learnings

Astro Framework: Learned the basics of the Astro framework and its application in building modern web interfaces.
Low Code Form Functionality: Utilized EmailJS to implement form functionality with minimal coding, ensuring efficient and reliable contact form handling.

Conclusion and Reflection

This project allowed me to create a personalized and visually appealing link in bio that effectively showcases my digital presence. It was a valuable learning experience in design iteration, the Astro framework, and low-code form functionality.