Static image hosting using GitHub Pages and GitHub API. No backend required.
- Drag-and-drop interface
- Token-based authentication
- Direct image URLs
- Responsive design
- No server costs
Fork this repository to https://github.com/[username]/MyImageVault
- Navigate to: Settings → Pages
- Source: GitHub Actions
- Deployment URL:
https://[username].github.io/MyImageVault/
Create token with repo scope. Save immediately.
Visit deployment URL, enter:
- GitHub username
- Repository name
- Personal access token
git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/[username]/MyImageVault.git
git push -u origin mainSettings → Pages → Source: GitHub Actions
Token settings → Generate token (classic) → Select repo scope
Access https://[username].github.io/MyImageVault/ with credentials
Upload: Drag images or click to browse. Supports JPG, PNG, GIF, WebP.
Manage: Click images to view full size. Copy URLs for sharing. Delete as needed.
Image URLs: https://raw.githubusercontent.com/[username]/MyImageVault/main/images/[timestamp]_[filename]
- Token stored in browser localStorage
- Token required for upload/delete operations
- Images viewable by anyone with direct URL
- Revoke compromised tokens immediately
- Frontend: HTML, CSS, JavaScript
- API: GitHub REST API v3
- Storage: Git repository
- Hosting: GitHub Pages
- Auth: Personal Access Token
MyImageVault/
├── index.html
├── images/
│ └── .gitkeep
├── .github/workflows/
│ └── pages.yml
└── README.md
Authentication fails: Verify username, repository name, and token. Check repo scope enabled.
Images don't load: Confirm token validity. Ensure images/ folder exists in repository.
Upload fails: Verify token write permissions. Check file format. Review browser console.
Pages not updating: Wait 1-2 minutes. Check Actions tab for deployment status.
Open source. Personal use.