Agung2001.github.io

😎 a Fantasitc developer profile website using GitHub pages, SvelteJS, VisJS and Tailwind CSS.

See the live [🌐 website][website].

🤖 Installation

1. Prepare your src/config.js change the information according to your credentials.
2. Rename .env-sample to .env and fill in your environment variable (GitHub Tokens) then install ...

🐳 via Docker Compose

1. Clone the repo
2. Run docker-compose up -d --build

🐳 via Docker Run

1. Generate nodes.json and edges.json by running

   docker run agung2001/agung2001.github.io:latest npx grunt build
   

2. Run as daemon service ``` docker run -d -p 80:80 \

--name agung2001.github.io
-v /path/to/.env:/app/.env
-v /path/to/config.js:/app/src/config.js
-v /path/to/experiences.js:/app/src/experiences.js
-v /path/to/github.js:/app/src/github.js
-v /path/to/socials.js:/app/src/socials.js
-v /path/to/avatar.jpg:/app/static/img/avatar.jpg
-v /path/to/cover.jpg:/app/static/img/cover.jpg
agung2001/agung2001.github.io:latest

- NOTE: Don't forget to change the `/path/to/` accordingly

## 📝 Notes

### Distro
I made [DISTRO](DISTRO.md) to list a profile and customization you made to this repo.

### Google Analytics
To easily track visitors I use Google Analytics and put the code inside [+layout.svelte](src/routes/+layout.svelte).
You can change the code with your own, if you also want to track the visitors coming to the website.

### How to Generate GitHub Tokens
- Please refer to [GitHub Docs - Creating a personal access token](https://docs.github.com/en/enterprise-server@3.4/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token) to create personal access token.
- Please set the expiration to `no expiration` and enable : `Repo` and `User`

## 📚 Resources
- [🌟 Official Repo](https://github.com/agung2001/agung2001.github.io)
- [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0)
- [Docker Hub](https://hub.docker.com/r/agung2001/agung2001.github.io)
- [GHCR](https://github.com/agung2001/agung2001.github.io/pkgs/container/agung2001.github.io)
- [GitHub REST API Docs](https://docs.github.com/en/rest)

## ⚒️ Built with
- [Animate.style](https://animate.style/)
- [Commitlint](https://commitlint.js.org)
- [Dotenv](https://www.npmjs.com/package/dotenv)
- [EditorConfig](https://editorconfig.org/)
- [Eslint](https://eslint.org/)
- [Fontawesome](https://fontawesome.com/)
- [GitHub Action](https://github.com/features/actions)
    - [docker/build-push-action](https://github.com/docker/build-push-action)
    - [JamesIves/github-pages-deploy-action](https://github.com/JamesIves/github-pages-deploy-action)
- [Grunt JS](https://gruntjs.com/)
- [Husky](https://typicode.github.io/husky)
- [Octokit.js](https://github.com/octokit/octokit.js)
- [Prettier](https://prettier.io/)
- [Svelte JS](https://svelte.dev/)
- [Release-It](https://www.npmjs.com/package/release-it)
  - [Bumper](https://github.com/release-it/bumper)
  - [Conventional Changelog](https://github.com/release-it/conventional-changelog)
- [Sticky JS](https://sticksy.js.org/)
- [TailwindCSS](https://tailwindcss.com/)
- [Vis JS](https://visjs.org/)

## ⭐️ Support & Contribution
- Help support me by giving a 🌟 or [donate][website]
- Please refer to [CONTRIBUTING](CONTRIBUTING.md) to see a way to contribute to this repo

[website]: https://agungsundoro.com