Install App Install this app on your device for a better experience

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
  1. Go to GitHub Settings > Developer settings > OAuth Apps
  2. Click 'New OAuth App'
  3. 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