Creating Your Account

Signing Up with GitHub

Frontend Mentor uses GitHub OAuth for authentication. This means you sign in using your existing GitHub account rather than creating a separate username and password.

Why GitHub?

Using GitHub for authentication offers several benefits:

• One less password to remember - Use your existing GitHub credentials
• Seamless integration - Easily link your solutions to GitHub repositories
• Build your developer presence - Each challenge you complete will become a GitHub repository that others can view
• Quick setup - No email verification or password creation required

Step-by-Step Signup Process

1. Click "Login with GitHub" - You’ll see the button in the header
2. Authorize Frontend Mentor - Review the permissions requested and click "Authorize" to allow Frontend Mentor to access your basic GitHub profile information (including email address)
3. Return to Frontend Mentor - After authorization, you will be redirected back to Frontend Mentor to complete your profile

Note: If you do not have a GitHub account, you will need to create one first. Visit github.com to sign up. Having a GitHub account is essential for any developer, as it is where you will host your project repositories.

The Onboarding Process

After signing up, Frontend Mentor guides you through a brief onboarding process to personalize your experience. You will be asked about your development experience and goals, which helps us recommend appropriate challenges and learning paths.

You will also have the option to subscribe to Pro or continue with the free plan. You can always upgrade later if you decide the premium features would benefit your learning journey.

At the end of onboarding, you will receive personalized recommendations for challenges and learning paths based on your responses, along with an invitation to join our Discord community.

Setting Up Your Profile

Your profile is your identity within the Frontend Mentor community. A complete profile helps you connect with other developers and makes your solutions more discoverable.

Required Information

The following information is required to use Frontend Mentor:

| Field | Description | | --- | --- | | Username | Your unique identifier on the platform (pulled from GitHub by default) | | Email | Used for notifications and account recovery |

Optional Profile Information

While not required, completing these fields enhances your experience:

| Field | Description | Why It Matters | | --- | --- | --- | | Display name | The name shown on your profile and solutions | Helps others identify you | | Bio | A short description of yourself (max 300 characters) | Introduces you to the community | | Location | Your city or country | Connect with local developers | | Currently learning | What you are currently studying (max 300 characters) | Share your learning journey | | Website | Link to your personal website | Showcase your work | | Social links | Bluesky, CodePen, LinkedIn, X/Twitter, and more | Additional networking |

Profile Photo

Your GitHub profile photo is used by default. You can upload a different image (max 250KB) in your account settings if you prefer.

Tips for a Strong Profile

1. Write a compelling bio - Mention your interests, what you are learning, and what you hope to achieve. Keep it concise but personable.
2. Add your portfolio link - Even if it is a simple site, having a portfolio demonstrates initiative and gives visitors more context about your work.
3. Keep it professional - Your Frontend Mentor profile may be seen by potential employers or collaborators. Present yourself accordingly.
4. Update regularly - As your skills grow and your goals evolve, keep your profile up to date.

What's Next?

Now that your account is set up, you are ready to explore the platform. In the next guide, we will take a tour of your dashboard and explain each section so you can navigate Frontend Mentor with confidence.