Portfolio template using VueJs framework, CosmicJS API and Bootstrap

Live demo with my personnal data here !

• Features
• Setup
• Edit Content
• Author
• Contributing
• License

• Builded with VueJs framework ✨
• One page layout ✨
• Material design ✨
• Bootstrap 4.5 & SCSS ✨
• Responsive ✨
• Animated layout ✨
• Content managed with CosmicJS API ✨

npm install

npm run serve

npm run build

npm run lint

See Configuration Reference.

This template have a CMS support with CosmicJS. You can easily put your content there by creating and linking your CosmicJS account.

In order to customize your portfolio, you must create a CosmicJS account and a new fresh bucket on it. Once done, you must update credentials of the .env file.

To do this, you just have to modify the variables contained in the ENV file (API token, bucket slug and read key).

# CosmicJS 
VUE_APP_COSMICJS_TOKEN=" "
VUE_APP_COSMICJS_BUCKET_SLUG=" "
VUE_APP_COSMICJS_BUCKET_READ_KEY=" "

After that, you need to create the object type and data we will use. To do that properly and easily, you can import the json file, located inside the data folder of this repo, by accessing import/export settings inside your bucket settings page.

Now, you can customize it with your data through CosmicJS interface!

👤 Hugo Bollon

• Github: @hbollon
• LinkedIn: @Hugo Bollon
• Portfolio: hugobollon.me

Contributions, issues and feature requests are welcome!
Feel free to check issues page.

Give a ⭐️ if this project helped you!

This project is under MIT license.