Frontend Mentor
Change the repository type filter
All
Repositories list
74 repositories
url-shortening-api
Public templateIntegrate with the rel.ink URL shortening API and play with browser storage in this landing page challenge.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.- This challenge will be a perfect chance to practice your Grid skills. The color theme switcher also adds a nice additional test.
stats-preview-card-component
Public templatesingle-price-grid-component
Public templateIn this challenge, you will build out the pricing component to the designs provided. This is perfect for beginners and people who want to complete a smaller challenge.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 layouts.profile-card-component
Public templateThis is a perfect challenge to test your layout skills. The card layout doesn't shift, so it's also great for those that haven't dived into responsive websites yet!- This 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.
pricing-component-with-toggle
Public templateThis challenge will get you thinking about building an accessible custom toggle control and also test your layout skills.ping-coming-soon-page
Public templateThis challenge is great for beginners and offers a chance to practice basic client-side form validation.order-summary-component
Public templatenotifications-page
Public templateThis project will be a brilliant test of your HTML, CSS, and basic Javascript skills. You'll use JS to toggle the visual state of the notifications.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 JSON data.ip-address-tracker
Public templateIn this challenge, you'll be using two separate APIs together to create an IP Address Tracking app.intro-section-with-dropdown-navigation
Public templateThis challenge will test your ability to create dropdown navigation menus, a common pattern on larger sites. It will also provide some nice basic layout challenges.intro-component-with-signup-form
Public templatePractice building out a sign-up form complete with client-side validation using JavaScript.huddle-landing-page-with-single-introductory-section
Public templateA perfect challenge for beginners, this project will get you working with a two column layout.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 confident!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!base-apparel-coming-soon
Public templateThis layout looks simple enough, but there are some interesting details to it that will test your CSS skills. You'll also get to practice basic form validation.3-column-preview-card-component
Public templateThis challenge is perfect if you're just starting. The shift between the layouts will be a nice test if you're new to building responsive projects.product-preview-card-component
Public templateThis HTML & CSS-only challenge will be perfect for anyone starting to build responsive projects.newsletter-sign-up-with-success-message
Public templateThis will test your skills with basic form structure, validation, and submission. The success state will also be an excellent opportunity to work with DOM manipulation.interactive-card-details-form
Public templateThis fun project will be an excellent way to practice DOM manipulation and form validation while also putting your HTML and CSS skills to the test.insure-landing-page
Public templateTest your layout skills with this HTML & CSS only landing page. This challenge is perfect if you're starting to get confident in laying out web pages.sunnyside-agency-landing-page
Public templateroom-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.results-summary-component
Public templateThis challenge has something for everyone. It’s a HTML and CSS only project, but we’ve also provided a JSON file of the test results for anyone wanting to practice JS.fylo-data-storage-component
Public templateThis component has some interesting CSS challenges in the design. If you're looking to test your CSS skills, this will be a great project for you!