https://github.com/orionop/portfolio
My personal portfolio website built using Astro
https://github.com/orionop/portfolio
astro portfolio-website
Last synced: about 2 months ago
JSON representation
My personal portfolio website built using Astro
- Host: GitHub
- URL: https://github.com/orionop/portfolio
- Owner: orionop
- License: other
- Created: 2025-03-23T07:13:30.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2025-03-23T07:15:33.000Z (2 months ago)
- Last Synced: 2025-04-09T09:15:36.593Z (about 2 months ago)
- Language: Astro
- Homepage:
- Size: 639 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
Awesome Lists containing this project
README
## Print-friendly portfolio CV
## 📄 About
This is my personal portfolio website. Thanks @astro
I use iconify instead of SVG icons for better dev experience.
Thanks for antfu's cool animations.
## 🛠️ Stack
- [**Astro**](https://astro.build/) - The next-gen web framework.
- [**Typescript**](https://www.typescriptlang.org/) - JavaScript with type syntax.
- [**TailwindCSS**](https://tailwindcss.com/) - Utility-first CSS framework.
- [**Iconify**](https://iconify.design/) - Icon library.
- [**FancyBox**](https://fancyapps.com/fancybox/3/) - Image viewer.
- [**Ninja Keys**](https://github.com/ssleptsov/ninja-keys) - Dropdown menu with keyboard shortcuts made in pure JavaScript.
## 🚀 Getting Started
### 0. One-click to deploy on Vercel
[](https://vercel.com/new/clone?repository-url=https://github.com/orionop/portfolio&project-name=portfolio&repository-name=portfolio)
Modify the `cv.json` file to create your own printable Portfolio/CV.
### 1. Use this Repo as an Astro Project Template
- I use [pnpm](https://pnpm.io/installation) as my package manager.
# Initialize the project
```bash
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.
```bash
git clone https://github.com/orionop/portfolio
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:
```bash
# Enjoy the results
pnpm dev
```
1. Open [**http://localhost:4321**](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](./LICENSE) licensed.
CV JSON schema from [**jsonresume.org**](https://jsonresume.org/schema/)