Profile card

Launch website
SvelteKit Design Development

A simple, responsive profile card built with SvelteKit. The page features a minimal design, dynamic content, and a small interactive touch that lets visitors personalize the background color.

Details

Challenge

Create a clean and responsive profile page that presents personal information in a simple, visually appealing way while adding a small interactive feature to make the experience more personal.

Solution

I designed and developed a minimal profile card with a responsive layout and customizable background colors. Visitors can switch between colors using interactive swatches, with the feature remaining functional even without JavaScript.

Achievements

Customizable

background colors

Added a simple color selection feature that lets visitors personalize the appearance of the profile card.

No JavaScript

required

Used progressive enhancement to ensure the background color selection remains functional without JavaScript.

Dynamic

content

Used dynamic data (Directus) to display my profile information, keeping the content easy to manage and update.