https://github.com/puzant/puzant-cv

Simple & basic CV page
https://github.com/puzant/puzant-cv

alpinejs html javascript tailwindcss

Last synced: 3 months ago
JSON representation

Simple & basic CV page

• Host: GitHub
• URL: https://github.com/puzant/puzant-cv
• Owner: puzant
• Created: 2024-01-03T20:05:34.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-12-12T07:22:11.000Z (6 months ago)
• Last Synced: 2025-01-08T12:21:07.027Z (5 months ago)
• Topics: alpinejs, html, javascript, tailwindcss
• Language: HTML
• Homepage: http://puzant-cv.netlify.app/
• Size: 3.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# 💼 Puzant CV

[![Netlify Status](https://api.netlify.com/api/v1/badges/9c56431e-e549-4330-9574-e0e4df76f57d/deploy-status)](https://app.netlify.com/sites/puzant-cv/deploys)

![Alpine](https://img.shields.io/badge/Alpine%20JS-8BC0D0?style=flat&logo=alpinedotjs&logoColor=black)

![Javascript](https://img.shields.io/badge/JavaScript-323330?style=flat&logo=javascript&logoColor=F7DF1E)

![html](https://img.shields.io/badge/HTML5-E34F26?style=flat&logo=html5&logoColor=white)

![css](https://img.shields.io/badge/CSS3-1572B6?style=flat&logo=css3&logoColor=white)

![TailwindCSS](https://img.shields.io/badge/tailwindcss-%2338B2AC.svg?style=flat&logo=tailwind-css&logoColor=white)

![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=flat&logo=vite&logoColor=white)

![Storyblok Badge](https://img.shields.io/badge/Storyblok-09B3AF?logo=storyblok&logoColor=fff&style=flat)

**Live demo**: [Puzant CV](http://puzant-cv.netlify.app/)

- 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](./public/assets/project-screenshot-1.png)

### Mobile

![app-screenshot](./public/assets/app-screenshot-2.png)

![app-screenshot-2](./public/assets/app-screenshot-3.png)  

## 🚀 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

```

2. Install the packages

```

npm install

```

3. Run the App

```

npm run dev

```

4. Open the browser & navigate to `localhost:5173`