https://github.com/eggsy/fullpage-portfolio

🧬 Basic fullpage portfolio website written in Nuxt. Easily configurable and hostable anywhere!
https://github.com/eggsy/fullpage-portfolio

fullpage-portfolio nuxt-portfolio nuxt-portfolio-boilerplate nuxt-website portfolio

Last synced: 1 day ago
JSON representation

🧬 Basic fullpage portfolio website written in Nuxt. Easily configurable and hostable anywhere!

• Host: GitHub
• URL: https://github.com/eggsy/fullpage-portfolio
• Owner: eggsy
• License: gpl-3.0
• Created: 2020-07-25T02:23:51.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-06T12:31:48.000Z (almost 2 years ago)
• Last Synced: 2024-11-03T23:23:55.988Z (about 2 months ago)
• Topics: fullpage-portfolio, nuxt-portfolio, nuxt-portfolio-boilerplate, nuxt-website, portfolio
• Language: Vue
• Homepage: https://eggsy.js.org
• Size: 1.07 MB
• Stars: 27
• Watchers: 2
• Forks: 6
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# ✨ Fullpage Portfolio

Hey there! Thank you for checking out this project. This is a very basic website boilerplate/template (or however you want to call it) that you can use as an example creating yourself a portfolio website. Nice UI, easily configurable options and more!

![first-page](./images/first-page.png)

### 🔧 Demo

If you'd like to skip all the read, just visit the demo [here](https://eggsy.js.org).

### ⭐ Features

- Easily configurable.

- With Nuxt's static generation, you can host in anywhere.

- Ready-to-go: Everything is set for you! You just have to configure it for yourself! Just like you do with HTML!

### ⚙ Installation

- Clone/fork this repository to your computer.

- Install modules with `yarn` or `npm`:

    - If you have `yarn`, just run: `yarn`,

    - If you are using `npm`, run: `npm install`.

- Go to `nuxt.config.js` and edit the values in `head` property.

- Run the code in development mode with: `yarn dev` or `npm run dev`.

- Go to `index.vue` in `src/pages` and edit it like you edit a simple HTML.

- You may want to update social links, social links and the "Skills" section at the end is stored as a component under `src/components` directory. So just go there and enter your social accounts/skills.

- When you get everything set, build the code and export it with `yarn build && yarn export` or `npm run build && npm run export`.

    - Note: If you are going to publish your website on GitHub pages, run the `build:gh` script instead and don't forget to change the repository name in `nuxt.config.js`.

    - Note: You can delete `static/CNAME` if you are not going to use a custom domain alongside GitHub Pages.

- 🔥 Now you can upload your `dist` folder to anywhere and host it!

### 🤩 Preview

![demo-gif](./images/demo.gif)

### 🙏 Thank You

If you liked this project, please check out my other projects from [my GitHub profile](https://github.com/eggsydev) and don't forget to check [my personal website](https://eggsy.xyz) for more cool projects like this.