Frontend Mentor
Repositories list
81 repositories
grid-landing-page
PublicBuild a landing page hero with a 2x2 stats grid, a split headline layout, and a toggleable menu. A great first project for practicing CSS Grid across breakpoint…belay
Publichotel-booking-confirmation-page
Public templatePractice layout and typography by building this boutique hotel booking confirmation page, featuring overlapping cards, a branded sidebar, and a fully responsive…rest-countries-api-with-color-theme-switcher
Public templateIf you're wanting to test your JavaScript skills this is the challenge for you. Use whichever JS framework you prefer and pull data from the REST Countries API.launch-countdown-timer
Public templateinteractive-pricing-component
Public templateIn this project, you'll build out an interactive pricing component complete with custom range input slider and pricing toggle. A perfect way to test your JS ski…rock-paper-scissors
Public templateThis challenge will seriously test your HTML, CSS and JavaScript skills. There's even a Rock, Paper, Scissors, Lizard, Spock version if you really want to chall…multi-step-form
Public templateAn excellent test for your form-building and JS skills, this project will pose lots of challenges along the way to completion.weather-app
Public templateBuild a responsive weather app with search functionality, unit conversion, and detailed forecasts using the Open-Meteo API.todo-app
Public templateThe classic todo app with a few twists! This app includes a dark/light theme toggle and drag & drop reordering for anyone wanting an extra test.url-shortening-api
Public templateIntegrate with the rel.ink URL shortening API and play with browser storage in this landing page challenge.manage-landing-page
Public templateThis challenge will be a great test for your responsive skills. There are lots of small details and slight content shifts for different screen sizes.static-job-listings
Public templateIn this challenge, you'll be using JavaScript to filter out jobs based on selected categories. We provide a local JSON file to help you practice working with JS…ip-address-tracker
Public templateIn this challenge, you'll be using two separate APIs together to create an IP Address Tracking app.interactive-comments-section
Public templateThis is project will put your JavaScript skills to the test. We provide a JSON file to pull the data, but it's also a perfect project to build as a full-stack C…ecommerce-product-page
Public templateIn this challenge, you'll build a beautiful product page. We'll be putting your JS skills to the test with a lightbox product gallery and cart functionality!digitalbank-landing-page
Public templateThis challenge will provide a nice test for your layout skills. If you're ready to move up from Junior challenges, this one is a great next step.chat-app-css-illustration
Public templateIn this challenge, you'll be building out the entire app illustration from scratch. This will seriously test your CSS skills. So give it a go if you feel confid…calculator-app
Public templateThis calculator app will be a great test of your CSS and JS skills especially. If you're wanting to practice using Grid, this challenge will be perfect for you!bookmark-landing-page
Public templateThis challenge will really test your layout skills. There are also areas that will require some JavaScript, such as the tabbed features section and the FAQ acco…space-tourism-website
Public templateThis project is a fun collaboration between Scrimba, Kevin Powell, and ourselves! If you like, you can follow along and watch Kevin complete the project on Scri…typing-speed-test
Public templateBuild a typing speed test that calculates words per minute (WPM) and accuracy. A fun project to practice DOM manipulation and working with timers.tip-calculator-app
Public templateThis small app is perfect for anyone starting to get to grips with JavaScript. The calculator functionality will be a nice test!time-tracking-dashboard
Public templatetestimonials-grid-section
Public templateThis challenge will be perfect practice for anyone wanting to test their CSS Grid skills. Grid is such a powerful addition to CSS, so it's worth getting to grip…- This challenge will be a nice test if you're new to JavaScript. It's also a great opportunity to play around with content animations and transitions.
sunnyside-agency-landing-page
Public templatesocial-media-dashboard-with-theme-switcher
Public templateThis challenge will be a perfect chance to practice your Grid skills. The color theme switcher also adds a nice additional test.room-homepage
Public templateThis small homepage challenge packs a big punch to test your layout skills. There's also a slider in there to add a JS layer for extra practice.project-tracking-intro-component
Public templateSome interesting layout and code challenges are baked into this design. Perfect if you're a beginner who is starting to get a bit more confident with your layou…
ProTip! When viewing an organization's repositories, you can use the
props. filter to filter by custom property.