Print-friendly portfolio CV

📄 About

This project is refactored from the original dev-portfolio project, thanks for his work.

I use iconify instead of SVG icons for better dev experience.

Thanks for antfu's cool animations.

🛠️ Stack

• Astro - The next-gen web framework.
• Typescript - JavaScript with type syntax.
• TailwindCSS - Utility-first CSS framework.
• Iconify - Icon library.
• FancyBox - Image viewer.
• Ninja Keys - Dropdown menu with keyboard shortcuts made in pure JavaScript.

🚀 Getting Started

0. One-click to deploy on Vercel

Modify the cv.json file to create your own printable Portfolio/CV.

1. Use this Repo as an Astro Project Template

• I use pnpm as my package manager.

Initialize the project

pnpm create astro@latest --template MiraHikari/portfolio

1-1. Clone the repo

If you don't want to use the template command, you can clone this repo and install the dependencies.

git clone https://github.com/MiraHikari/portfolio.git
cd portfolio
pnpm install

2. Add Your Content:

Edit the cv.json file to create your own printable Portfolio/CV.

3. Launch the Development Server:

# Enjoy the results
pnpm dev

1. Open http://localhost:4321 in your browser to view the result 🚀

4. Customisable colours:

Change the data-theme of cv.json and choose one of the colour themes defined in theme.css, red, blue, green, cyber, pink and default, with its variants in dark mode, or create your own.

🧞 Commands

	Command	Action
⚙️	dev or start	Launches a local development server at localhost:4321.
⚙️	build	Checks for errors and creates a production build in ./dist/.
⚙️	preview	Local preview at localhost:4321
📦	deploy:vercel	Deploy on Vercel.
📦	deploy:cloudflare	Deploy on Cloudflare, please run wrangler login first.

📝 License

This project is MIT licensed.

CV JSON schema from jsonresume.org