Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hbollon/portfolio-vuejs
💼 Portfolio template using VueJs framework, CosmicJS API and Bootstrap
https://github.com/hbollon/portfolio-vuejs
api api-rest bootstrap bootstrap4 cosmic cosmicjs portfolio portfolio-template portfolio-website template vue vue-cli vuejs web
Last synced: 3 days ago
JSON representation
💼 Portfolio template using VueJs framework, CosmicJS API and Bootstrap
- Host: GitHub
- URL: https://github.com/hbollon/portfolio-vuejs
- Owner: hbollon
- License: mit
- Created: 2020-06-11T15:40:23.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2024-09-24T17:04:45.000Z (3 months ago)
- Last Synced: 2024-12-21T21:07:31.485Z (10 days ago)
- Topics: api, api-rest, bootstrap, bootstrap4, cosmic, cosmicjs, portfolio, portfolio-template, portfolio-website, template, vue, vue-cli, vuejs, web
- Language: Vue
- Homepage: https://hugobollon.me
- Size: 7.13 MB
- Stars: 131
- Watchers: 3
- Forks: 33
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
VueJS portfolio template
> Portfolio template using VueJs framework, CosmicJS API and Bootstrap
Live demo with my personnal data here !
---
## Table of Contents
- [Features](#features)
- [Setup](#project-setup)
- [Edit Content](#how-to-edit-content)
- [Author](#author)
- [Contributing](#-contributing)
- [License](#-license)
---
## Features
- Builded with VueJs framework ✨
- One page layout ✨
- Material design ✨
- Bootstrap 4.5 & SCSS ✨
- Responsive ✨
- Animated layout ✨
- Content managed with CosmicJS API ✨
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Lints and fixes files
```
npm run lint
```
### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
## How to edit content
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).
```env
# 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](https://github.com/hbollon/portfolio-vuejs/blob/master/data/portfolio-vuejs_import.json), by accessing import/export settings inside your bucket settings page.
Now, you can customize it with your data through CosmicJS interface!
## Author
👤 **Hugo Bollon**
* Github: [@hbollon](https://github.com/hbollon)
* LinkedIn: [@Hugo Bollon](https://www.linkedin.com/in/hugobollon/)
* Portfolio: [hugobollon.me](https://www.hugobollon.me)
## 🤝 Contributing
Contributions, issues and feature requests are welcome!
Feel free to check [issues page](https://github.com/hbollon/portfolio-vuejs/issues).
## Show your support
Give a ⭐️ if this project helped you!
## 📝 License
This project is under [MIT](https://github.com/hbollon/portfolio-vuesjs/blob/master/LICENSE) license.