Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/logotip4ik/portfolio

My portfolio website build with Nuxt3, Scss and GSAP
https://github.com/logotip4ik/portfolio

gsap3 locomotive-scroll nuxt nuxt3 ogl portfolio portfolio-website scss vue3

Last synced: 2 days ago
JSON representation

My portfolio website build with Nuxt3, Scss and GSAP

Awesome Lists containing this project

README

        

[![SWUbanner](https://raw.githubusercontent.com/vshymanskyy/StandWithUkraine/main/banner-direct-single.svg)](https://stand-with-ukraine.pp.ua/)

# Portfolio

Portfolio logo by Bogdan Kostyuk

This is my portfolio, where you can find little summery of my developer road. Also there are some of
projects that i am using quite often

> BTW: [previous portfolio](https://next.portfolio-5iw.pages.dev/)

## License

- Code is under [CC0 1.0](./LICENSE)
- Images and projects contents are under [CC BY-NC-SA 4.0.](./CC-BY-NC-SA-4.0)

## Build with

- [Nuxt.js](https://v3.nuxtjs.org) - 3-nd version, this is like a core of the website.

- [GSAP](https://greensock.com/gsap/) - for smoooooth transitions

- [OGL](https://github.com/oframe/ogl) - background on landing page (Earlier was using [Three.js](https://threejs.org/) - also really good tool, but decided to learn something new. Also you should definitely check out [metaballs.js](https://www.npmjs.com/package/metaballs-js) and [particles.js](https://vincentgarreau.com/particles.js/))

- [LocomotiveScroll](https://github.com/locomotivemtl/locomotive-scroll) - this makes the page scroll really smoothly on PC

> as backend
>
> Nothing used as backend just added email forwarding to my [domain provider](https://porkbun.com/)

---

## Usage

1. Clone or fork this repo

```shell
$ git clone https://github.com/logotip4ik/portfolio
```

2. Install all the dependencies

```shell
$ yarn
```

or

```
$ npm install
```

3. Run the local server!
```shell
$ yarn dev
```
or
```shell
$ npm run dev
```

---

### Star if you liked it 😜