Skip to content

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

License

Notifications You must be signed in to change notification settings

agung2001/agung2001.github.io

Repository files navigation

Screenshot

My GitHub profile page. You can change the configuration of the page by changing config.json file and run the install. See the demo.

Stars Size Pulls Image Size Version

πŸ€– Installation

  1. Prepare your config.json change the information according to your credentials.
  2. Rename .env-sample to .env and fill in your environment variable (GitHub Tokens)
  3. Install node package npm install
  4. Generate nodes.json and edges.json by running node index.js
  5. Then open it :

via any local Web Server :

  • PHP Server : php -S 127.0.0.1:80
  • XAMPP, LAMP, MAMP, WAMP Server
  • Nginx, Apache
  • etc

via docker run

docker run -d -p 80:80 \
  --name agung2001.github.io \
  -v /path/to/config.json:/usr/share/nginx/html/config.json \
  -v /path/to/avatar.jpg:/usr/share/nginx/html/assets/img/avatar.jpg \
  -v /path/to/cover.jpg:/usr/share/nginx/html/assets/img/cover.jpg \
  -v /path/to/config.json:/usr/share/nginx/html/nodes.json \
  -v /path/to/config.json:/usr/share/nginx/html/edges.json \
  agung2001/agung2001.github.io:latest
  • NOTE: Don't forget to change the /path/to/ accordingly

πŸ“ Notes

How to Generate GitHub Tokens

Please refer to GitHub Docs - Creating a personal access token to create personal access token. Please set the expiration to no expiration and enable : Repo and User scope to see the screenshot.

Live Reload

This repo comes with livereload module, to learn more please goto gruntjs/grunt-contrib-watch

πŸ”₯ Development

  • Install node package npm install
    • Generate nodes.json and edges.json by running node index.js
  • Build asset grunt build
    • Watch grunt watch

πŸ“š Resources

βš’οΈ Built with

⭐️ Support

Help support me by giving a star or donate