Your Dashboard Explained

Dashboard Overview

When you log in to Frontend Mentor, you land on your personalized dashboard. The dashboard is organized into distinct sections, each serving a specific purpose. You can customize which sections appear and their order based on your preferences.

My Feed

The My Feed section keeps you connected with the Frontend Mentor community by showing activity from developers you follow.

What Appears in Your Feed

• New solutions - When someone you follow submits a challenge solution
• Comments and feedback - Discussions on solutions you're interested in
• Challenge completions - Milestones achieved by developers in your network
• Learning path progress - Updates when followed users advance in their learning paths

Getting the Most from Your Feed

Your feed is only as valuable as the developers you follow. Here are some tips:

1. Follow active community members - Look for developers who regularly submit solutions and provide thoughtful feedback
2. Follow developers at various skill levels - Learn from those ahead of you and support those coming up behind you
3. Engage with feed content - Like solutions, leave comments, and participate in discussions
4. Discover new people to follow - When you see great solutions or helpful comments, check out that developer's profile

Tip

If your feed feels empty, head to the Solutions page and start following developers whose work inspires you.

My Challenges

The My Challenges section tracks all your challenge activity, making it easy to manage your current projects and revisit completed work.

In-Progress Challenges

This area shows challenges you've started but not yet submitted. For each challenge, you can see:

• Challenge name and difficulty level
• When you started the challenge
• Quick link to continue working

Having visibility into your in-progress challenges helps you:

• Avoid starting too many challenges at once
• Return to paused projects easily
• Track how long challenges take you

Completed Challenges

Once you submit a solution, the challenge moves to your completed section. Here you can:

• View your submitted solution
• See feedback received from the community
• Access the challenge again if you want to rebuild it
• Track your overall progress and growth

Challenge Statistics

Your dashboard may also display statistics about your challenge activity:

• Total challenges completed
• Challenges by difficulty level
• Most recent submissions
• Completion streaks

My Learning Paths

If you've enrolled in any learning paths, this section tracks your progress through each one.

What You'll See

For each enrolled learning path:

• Path name and description - What the path covers
• Progress indicator - Visual representation of how far you've come
• Current challenge - The next challenge in the sequence
• Completed challenges - Checkmarks for finished sections

Managing Multiple Paths

You can enroll in multiple learning paths simultaneously, though we recommend focusing on one or two at a time to avoid feeling overwhelmed.

Path Recommendations

Based on your activity and stated goals, Frontend Mentor may suggest new learning paths that align with your interests. These recommendations appear in this section when relevant.

My Bookmarks

The bookmarks feature lets you save solutions from other developers for future reference. This is invaluable for building a personal library of techniques and inspiration.

Why Bookmark Solutions?

• Learn new techniques - Save solutions that demonstrate approaches you want to study
• Reference implementations - Keep examples of well-structured code for future projects
• Inspiration - Collect designs and interactions that inspire your own work
• Compare approaches - Bookmark multiple solutions to the same challenge to see different methods

Organizing Your Bookmarks

Your bookmarks are displayed with:

• Solution preview image
• Challenge name
• Developer who created it
• Technologies used

Browse through your bookmarks whenever you need inspiration or want to review how others solved a particular problem.

Tip

When you see a solution with a technique you want to learn, bookmark it immediately. You'll thank yourself later when you need that reference.

My Network

The My Network section shows your connections within the Frontend Mentor community.

Followers

Developers who follow you will see your activity in their feed. A growing follower count indicates that your solutions and contributions are valuable to the community.

Following

This shows developers you follow. Their activity appears in your My Feed section. You can:

• View the complete list of developers you follow
• Visit their profiles directly
• Unfollow if their content is no longer relevant to you

Building Your Network

A strong network enhances your Frontend Mentor experience:

1. Quality over quantity - Follow developers whose work genuinely interests you
2. Engage meaningfully - Comment on solutions, provide feedback, and participate in discussions
3. Be active - The more you contribute, the more likely others are to follow you
4. Support beginners - Helping newcomers builds goodwill and strengthens the community

Dashboard Customization

Depending on your Frontend Mentor membership level, you may be able to customize your dashboard:

• Reorder sections - Put your most-used sections at the top
• Show/hide sections - Remove sections you don't use frequently
• Adjust display density - Choose between compact and expanded views

Quick Actions

Your dashboard typically includes quick action buttons for common tasks:

• Start a new challenge - Jump directly to the challenge browser
• Continue current challenge - Return to your most recent in-progress work
• View solutions - Browse community solutions for inspiration
• Check notifications - See recent activity related to your account

What's Next?

Now that you understand your dashboard, you're ready to start your first challenge. In the next guide, we'll help you choose the perfect challenge to begin your Frontend Mentor journey.