Stuck on a coding project? Here's a step-by-step framework to help you get unstuck 🧵 (Bookmark this for next time you hit a wall)

Every senior was once a beginner who refused to give up. They all got stuck. They all had scrappy projects. Keep building. You'll get there!

If learning feels easy, you're probably not learning. The struggle IS the progress. We wrote about why discomfort is actually a sign you're on the right track, and how to use it to level up faster. www.frontendmentor.io/articles/pr...

Many people don't know this, but Frontend Mentor challenges work great as full-stack project foundations. Here are 12 project ideas with the designs already prepared. You add the backend. www.frontendmentor.io/articles/fu...

Many people come to us who've completed tutorials but struggle to build anything on their own. They know syntax but freeze when facing a blank editor. We wrote about why this happens and what actually helps... www.frontendmentor.io/articles/pr...

Employers will expect you to work with AI tools in your day-to-day workflow. But, how do you balance learning the fundamentals while also gaining experience working with AI? Here's a fun experiment for your next Frontend Mentor challenge...

Ever feel like you're just copying code from tutorials without really learning? Toba was there. His first technical interview exposed it. He wrote about what happened next—including a layoff and how he rebuilt. www.frontendmentor.io/articles/es...

Looking to level up your portfolio? Here are four premium challenges that really push your skills forward. They're the kind of projects that show you can handle real-world complexity.

We have our hackathon winner and runners-up! 🏆 With 53.8% of the vote, we're delighted to say that Fejiro is our first-ever hackathon winner! Please join us in giving a massive congrats to Fejiro. She created an incredible project, and it’s clear that a great deal of effort went into it 👏

We've got a new PREMIUM challenge launching tomorrow! 🥳 For this project, you'll build a fully-functional bookmark manager app. You can make it as a frontend-only project or as a full-stack app (we include auth screens in the design file). Either way, it will make for a perfect portfolio piece!

🏆 Weather App Hackathon - Meet Your Finalists! Thank you all for the incredible submissions to our first 30-day hackathon! We've had a lot of fun reviewing the entries, and choosing our finalists was no easy task. It's now time for YOU to decide the winner! 🗳️ Review the projects below and vote 👇

For anyone taking part in our #FM30Hackathon, don't forget to submit your entries in Discord by 9am BST tomorrow! We hope you've all had a lot of fun completing the challenge! 🙂

Here's a glimpse at the new profile page we're working on ✨ As part of the change, we're introducing a progression system to help you advance through the levels and push beyond your comfort zone by completing more challenging projects. What do you think?

There's a week remaining until we close submissions for our first 30-day day hackathon challenge. How's everyone getting on with the project? We hope you're having a fun time building it! 🥳

If you're letting AI write any code for you, there's one skill you need to be proactive about developing: code comprehension. The ability to read, understand, and reason about code you didn't write is becoming increasingly important. Here's why it matters and how to build it 🧵

Want to know what to learn next? Build increasingly complex projects. When you get stuck, you've found your next learning topic. This "just in time" approach means learning what you actually need, not what you think you need.

A common accessibility mistake we see in form-based challenges is failing to associate form fields with their error messages. Here's a note on how to avoid this mistake. The code snippet below shows the inaccessible approach:

How do you stand out to companies? There are many ways, but one is to showcase an undeniable ability to do the work outlined in the job description. You want to lower the perceived risk of hiring you as much as possible, especially as an entry-level dev with no experience. 🧵

Learning to interact with APIs and read documentation are two key skills for front-end developers. We have a bunch of API-focused challenges, but here are four specific ones, in order of difficulty, to help you practice working with third-party APIs. 🧵

This is a helpful guide on CSS functions by Eric Bailey that you might want to bookmark! 🔖 CSS functions are a powerful tool in any front-end dev's toolset. Understanding what's available and when to use it can really improve how you write your CSS! css-tricks.com/complete-gu...

"Should I use AI while learning and building projects?" We hear this question a lot in the community, and it's not just a straightforward yes/no answer. Here's what we recommend 🧵

🚨 Hackathon update: We're making the Figma design file FREE for everyone during our 30-Day Hackathon! Based on your feedback, we've upgraded the weather app challenge to free+ access until the hackathon finishes! 🎉 More details 🧵

There's so much to learn by watching @kevinpowell.co tackle our contact form challenge! As Kevin mentions, it's a deceptively tricky form to build well! www.youtube.com/watch?v=jJgN...

🚀 BIG NEWS: We've launched our first-ever hackathon! The #FM30Hackathon starts NOW with our brand new Weather App challenge. You have 30 days to build something you're proud to share and potentially win a year of Frontend Mentor Pro! Details below 🧵

We're launching a new FREE challenge tomorrow, which includes our first-ever 30-day hackathon competition! 🥳 This weather app involves integrating with the Open-Meteo API, so it should be a fun one! More details about how the hackathon will work below 👇

Did you know Pro subscribers now get guaranteed AI-powered insights with every solution submission? We launched AI-enhanced reports at the beginning of the month so that every solution submission provides valuable learning opportunities. Each AI-enhanced report includes 🧵

The design concept for our next FREE challenge is evolving! This project will involve integrating with the Open-Meteo API to retrieve the current weather, as well as daily and hourly forecasts for specific locations. What do you think of the current design draft?

Want to know the biggest mistake we see developers make when learning? Building alone in their bubble. What really accelerates growth is getting constant feedback on projects to identify strengths and weaknesses. Here are some ways to do this 🧵

It's still very early in the design concept phase, but we're cooking up a new FREE challenge! ☀️ It's almost a rite of passage for developers to build a weather app, so we're putting our own spin on it. This project will include API integration practice!

Ever built a project from a Figma file? It's often how developers work with designers on real projects, and we've got three free challenges with Figma files included to help you practice. No Pro subscription needed 🧵

We've just launched a new PREMIUM challenge! 🥳 In this project, you’ll build a multi-page, responsive recipe finder with search, filtering, and dynamic content. It’s a perfect opportunity to practice working with JSON data, build complex layouts, and use JavaScript to add interactive features. 🧵

We’ve got a new PREMIUM challenge launching tomorrow, so here’s a sneak preview! 👀 You'll build a multi-page website that features healthy recipes. The recipes are all in a local JSON file, so you can practice fetching the data and working with it like you would in real projects with dynamic data!

New community spotlight just dropped! ✨ Meet Karishma - who went from learning Logo at age 10 to becoming a professional developer at 17! Her journey from homeschooling during COVID to getting hired without a degree is truly inspiring. www.frontendmentor.io/articles/ho...

🚀 We just shipped our most significant Pro update yet 🚀 Since Frontend Mentor launched, we've had one goal: to make every solution submission help you become a better developer. Today, we're taking our next step on this journey with AI-enhanced solution reports! More info 👇

The biggest update to our Pro subscription since launch drops tomorrow 👀

We see many people setting html { font-size: 62.5%; } in their Frontend Mentor projects without considering the implications. Here's why you might want to reconsider this approach 👇

We're delighted to say we’ve just shipped an exciting new feature… We’ve added JavaScript reports to solutions! 🥳 With this update, we now have accessibility, HTML, CSS, and JavaScript reports available for all solution submissions!

"Junior engineers are still the future seniors and tech leaders in the making. The organizations that recognize this will use AI as a force-multiplier for their junior talent, not as a replacement." Excellent article by Addy Osmani 👏 addyo.substack.com/p/ai-wont-k...

A nice reminder by @jasonfried that personalized cover letters still hold a lot of value in the job application process. Speak from the heart, tell the story that only you can tell, and focus on how *you* are the best fit for the role you're applying to. world.hey.com/jason/cover...

This is a great discussion between Conner Ardman and Thomas Dohmke where they talk about the latest GitHub updates announced at Microsoft Build and the future of the industry 🔥 www.youtube.com/watch?v=NHS...

Some nice reminders for all the early-career developers out there (and their teammates!) 🙌 github.blog/developer-s...

We've just added CSS reports! ✨ All solutions now receive HTML, CSS, and accessibility reports to help you identify issues, learn, and improve your projects.

Our community spotlight articles are back! 🥳 We're delighted to restart the series with a spotlight on George Olatoyan. Toyan has completed over 50 of our challenges, and his journey of building projects and sharing his learnings is truly inspiring 🤩 www.frontendmentor.io/articles/ho...

We've just shipped an update to the solution page! ✨ In addition to giving the page a refreshed UI, we've added a code reader to make it easier to review other people's code without leaving the page. Here's a look at the new code reader 👇 We hope you like the update! 🙂

We've just launched a new PREMIUM challenge! 🥳 This mood-tracking app will be a fun way to test a range of your skills. From working with JSON data to logging and charting mood entries, there's a lot to get stuck into! www.frontendmentor.io/challenges/...

We're launching a new PREMIUM challenge tomorrow, so here's a sneak preview! 👀 This mood-tracking app will be a fun way to test a range of your skills. From working with JSON data to logging and charting mood entries, there's a lot to get stuck into!

🌟 New internship opportunity! 🌟 Creative studio, Framestore, is looking for a software developer intern this summer. 📍 London, UK, On-Site 🇬🇧 Applications close 18th May 2025. Details below 👇

🌟 New developer opportunity! 🌟 Loadsmart, a logistics solutions company, is hiring an entry-level full-stack engineer. 📍 Brazil, Remote 🇧🇷 Qualifications: ✅ 1-2 years of experience in software development, preferably web ✅ Comfortable with the English language Application details below 👇

🌟 New developer opportunity! 🌟 Data streaming platform, Confluent, is looking for a junior front-end engineer. 📍 UK, Remote 🇬🇧 Qualification and application details below 👇

Want to see what we're working on for our next challenge release? You'll build an app where people can track their mood, feelings, sleep, and reflections to discover trends. The design below is still in draft, but this is how it looks at the moment. It should be a fun project!