GitHub Authentication
Seamlessly connect with GitHub to showcase your repositories and contributions
GitHub Social Authentication Demo
Try GitHub Authentication
Click the button below to test GitHub OAuth integration
Setup Required
To enable GitHub authentication, you need to configure OAuth credentials in your environment variables.
GitHub OAuth Setup Instructions
1 Create GitHub OAuth App
- Go to GitHub Settings > Developer settings > OAuth Apps
- Click 'New OAuth App'
- Fill in the application details:
- Application name: Charles Otwere Portfolio
- Homepage URL: http://localhost:8000
- Authorization callback URL: http://localhost:8000/auth/complete/github/
2 Configure Environment Variables
Add these to your settings.py or environment variables:
SOCIAL_AUTH_GITHUB_KEY = 'your_github_client_id'
SOCIAL_AUTH_GITHUB_SECRET = 'your_github_client_secret'
# For LinkedIn
SOCIAL_AUTH_LINKEDIN_OAUTH2_KEY = 'your_linkedin_client_id'
SOCIAL_AUTH_LINKEDIN_OAUTH2_SECRET = 'your_linkedin_client_secret'
# For Twitter
SOCIAL_AUTH_TWITTER_KEY = 'your_twitter_api_key'
SOCIAL_AUTH_TWITTER_SECRET = 'your_twitter_api_secret'
3 Test Authentication
Once configured, users can:
- Login with their GitHub account
- Connect multiple social accounts
- View their profile and connected accounts
- Access repository information (with additional API integration)
Production Configuration
For production deployment, make sure to:
- Update callback URLs to your production domain
- Store secrets securely (environment variables, not in code)
- Enable HTTPS for secure authentication
- Configure proper CORS and security headers