Alpine.js portfolio home page. It has a hero section with a neon blue code logo. Below is an about section with and introduction and image of the developer.

Alpine.js Portfolio

Web developer portfolio built with Alpine.js, HTML5, and TailwindCSS. Content is pulled from Sanity.io.

Description

This project was an early developer portfolio project built with HTML and Bootstrap CSS. After some time I refactored the original static site to pull content from Sanity.io CMS and render HTML dynamically with Alpline.js. This ensured the content will always stay up to date with my CMS.

Version 1.1: The original Bootstrap version with content from Alpine.js and Sanity.

undefined

Version 2.0 Redesign in dark mode:

undefined

Design renewal inspiration from Framer Ai.

Activity

Images

Bootstrap portfolio projects page. It has a dark header bar with white text and a projects section with links in a 3 by 3 grid.
Alpine.js portfolio home page. It has a hero section with a neon blue code logo. Below is an about section with and introduction and image of the developer.

Categories

  • Portfolio Project
  • Frontend

Related Projects