Frontend Mentor Bundle

Published on 07 May 2023. Updated on 17 May 2023.

Frontend Mentor Bundle is a collection of people, blog posts, solutions, and resources about Frontend Mentor.

Community highlights

Community members that I want to highlight.

Frontend Mentor | j0sephh123's profile - I like the style of j0sephh123's comments.
Frontend Mentor | Grace's profile - Grace is an amazing mentor. Grace has given over 1600 feedback about web accessibility.
Frontend Mentor | ApplePieGiraffe's profile - ApplePieGiraffe has given over 2200 feedback. You can learn lots of things by reading the comments.
Frontend Mentor | Matt Studdert's profile - Matt Studdert, the Founder of Frontend Mentor has given over 1600 feedback. His comments can be a great resource.
Frontend Mentor | Emmilie Estabillo's profile - Emmilie's solutions contain good discussions. It is great to see how developers communicate with each other. For example: Frontend Mentor | Dine challenge with React coding challenge solution
Frontend Mentor | Raymart Pamplona's profile - Raymart has given over 1300 feedback. Raymart had written a lot of detailed feedback.
Frontend Mentor | PhoenixDev22's profile - PhoenixDev22 has given over 1100 feedback. PhoenixDev22 is another incredible mentor that has written detailed feedback on many solutions.
Frontend Mentor | Anosha Ahmed's profile - Anosha is known for solutions that perfectly match the original designs. Her solutions have received a lot of likes.
Frontend Mentor | visualdennis's profile - Dennis has gone above and beyond by redesigning and adding new features to the solutions.
Frontend Mentor | Ammar's profile - Ammar has completed four challnges and asked questions. You can help Ammar by answering the questions.
Frontend Mentor | Yazdun's profile - Yazdun has completed 26 challenges. Yazdun wrote some detailed feedback which can be a great learning resource, especially about React.
Frontend Mentor | Hugo Almeida's profile - Hugo has completed 49 challenges.
Frontend Mentor | socialcoding0's profile - Socialcoding0 has completed 46 challenges.
Frontend Mentor | Connor Z's profile - Connor has completed 44 challenges.
Frontend Mentor | RogelioCamargo's profile - RogelioCamargo has done a great job as a new community member by completing challenges and giving code reviews.
Frontend Mentor | Shivangam Soni's profile - Shivangam has completed 33 challenges. Also, Shivangam helped people by answering their questions.

Blog posts

A list of blog posts about Frontend Mentor in no particular order.

Frontend Mentor Guide 2021 by ApplePieGiraffe - A blog post by a top member to guide you to get the most out of Frontend Mentor. The year does not matter. I recommend reading it.
I did Frontend Mentor challenges for three weeks, here's what I learned - DEV Community by Riyana Gueco - Riyana shared her experience at Frontend Mentor.
How to start Front-end Coding Challenges ? - Frontend Mentor - DEV Community by Hari Ram - Hari wrote a short blog post about the starter files from Frontend Mentor.
Workflow of Coding a Project From Start to Finish by Asha Cole - Asha shared her workflow on how to do Frontend Mentor challenges.
I Finished All of Frontend Mentor's Challenges by Asha Cole - Asha completed all our free challenges and wrote about the experience.
Why You Should Be Using Frontend Mentor | by Joel Ramos | Jun, 2021 | Geek Culture by Joel Ramos - Joel shared some good reasons why you should be using Frontend Mentor to improve your skills.
What does it mean to "make a site responsive"? by Grace Snow - Grace shares her insight about responsive website in great detail.
How to plan your HTML (1): Product Preview Card by Grace Snow - Grace shares her approach on how to do a Frontend Mentor challenge.
Challenge 012–Fylo Dark Theme Landing Page🚀 by Nathasha - Nathasha wrote her approach on doing the Fylo dark theme landing page challenge.
I tried Frontend Mentor for a week. - DEV Community by Munem Prionto - Munem shared helpful tips to help you grow at Frontend Mentor.
Frontend Mentor, a perfect platform to improve your front-end skills - DEV Community by Higor Neves Marques - A simple introduction about Frontend Mentor.
Here's how I did in my first week of Frontend Mentor challenges. - DEV Community by Helitha Rupasinghe - Helitha wrote his journey at Frontend Mentor.

Solutions

A list of Frontend Mentor solutions.

Frontend Mentor | Profile card with pseudo backgrounds and accessible list coding challenge solution by Grace Snow - If you find it hard to position those circles, this solution can be your reference to solve it.
Frontend Mentor | Stats preview card component - HTML / Sass / Grid coding challenge solution by Darrick Fauvel - You can use this as a reference to know how to make the purple overlay.
Frontend Mentor | Css3, HTML5, flexbox, pseudo-class and pseudo-elements coding challenge solution by IlnaraAckermann - You can use this as a reference to create the overlay of the Equilibrium image.
Frontend Mentor | 🔥 Base Apparel [Redesign + Super Smooth GSAP Animations] 🔥 coding challenge solution by visualdennis - Dennis did an amazing job on redesigning and adding animations. On the accessibility part, the animations will respect the users' preferences.
Frontend Mentor | Kanban Management using NextJs13 + Prisma + Postgres + OpenAI coding challenge solution by Leonard - Leonard created a well-functional kanban board. I love this!
Frontend Mentor | Base Apparel coming soon page solution (HTML + SCSS + JS) coding challenge solution by Mateus Belício - Mateus wrote a simple and effective Regular Expression (RegEx) for the email validation.
Frontend Mentor | Single price grid component coding challenge solution by seranela - Seranela increased the color contrast to meet the Web Content Accessibility Guidelines (WCAG) Level AA. I think it refers to WCAG version 2.1 | 1.4.3 Contrast (Minimum) — Level AA.
Frontend Mentor | Four Card Layout [Mobile First + CSS Grid] coding challenge solution by バレンタイン 😈 - A good-looking solution.
Frontend Mentor | audiophile solution built with Next + Typescript coding challenge solution by Yazdun - Yazdun completed one of the hardest challenges so well.
Frontend Mentor | Planets fact site coding challenge solution by Andro87 - A well-made planets fact site. Great job, Andro87!

Frontend Mentor resources

All official Frontend Mentor resources that I found useful.

Closing

I got the inspiration for making this from Bob Monsour who creates The 11ty Bundle series. Then, I thought it would be cool to have the "Frontend Mentor" version.

If you want to be included or have suggestions, contact me through Frontend Mentor's Discord or send me an email. I do not put any conditions. Everyone in the Frontend Mentor community is welcome.