Skip to content

puzant/puzant-cv

Repository files navigation

💼 Puzant CV

Netlify Status

Alpine Javascript html css TailwindCSS Vite Storyblok Badge

Live demo: Puzant CV

  • Welcome to my CV repository! This project showcases my personal CV in the form of a web page, built with Tailwind CSS, Alpine.js, HTML, and CSS variables & connected to StoryBlok Headless CMS.
  • The page includes a dark mode feature for a personalized user experience.

Preview

Desktop

app-screenshot

Mobile

app-screenshot app-screenshot-2

🚀 Features

  • 📱 Responsive Design: The CV is designed to be responsive, ensuring a seamless experience across various devices and screen sizes.
  • 🌙 Dark Mode: Enjoy reading my CV in both light and dark modes. Toggle between the modes for a comfortable viewing experience.

🤖 Technologies Used

  • Tailwind CSS: A utility-first CSS framework used for styling.
  • Alpine.js: A lightweight JavaScript framework for adding interactivity to web pages.
  • HTML: Standard markup language for creating the structure of the web page.
  • CSS Variables: Used for managing and maintaining consistent color themes.
  • Stoyblok CMS: Used for storing, editing, & fetching the content & assets.

Getting Started

  1. Clone the repository:
git clone https://github.com/your-username/your-cv-repo.git
  1. Install the packages
npm install
  1. Run the App
npm run dev
  1. Open the browser & navigate to localhost:5173