Skip to content
@frontendmentorio

Frontend Mentor

Improve your front-end skills by building real projects

Popular repositories Loading

  1. readme-template readme-template Public

    31 11

  2. four-card-feature-section four-card-feature-section Public template

    A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.

    HTML 12 17

  3. url-shortening-api url-shortening-api Public template

    Integrate with the rel.ink URL shortening API and play with browser storage in this landing page challenge.

    HTML 8 4

  4. insure-landing-page insure-landing-page Public template

    Test 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.

    HTML 7 13

  5. manage-landing-page manage-landing-page Public template

    This challenge will be a great test for your responsive skills. There are lots of small details and slight content shifts for different screen sizes.

    HTML 6 6

  6. rock-paper-scissors rock-paper-scissors Public template

    This 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 challenge yourself.

    HTML 5 6

Repositories

Showing 10 of 74 repositories
  • bookmark-landing-page Public template

    This 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 accordion.

    HTML 1 3 0 0 Updated Mar 31, 2025
  • age-calculator-app Public template

    This challenge is designed to sharpen your JavaScript and form validation skills. Working with dates in JavaScript can be tricky, so this will be a nice test!

    HTML 1 1 0 0 Updated Mar 31, 2025
  • advice-generator-app Public template

    The perfect project if you're learning how to interact with 3rd-party APIs. This challenge uses the Advice Slip API to generate random quotes of advice.

    HTML 1 3 0 0 Updated Mar 31, 2025
  • faq-accordion Public template

    In this challenge, you'll build an FAQ accordion. This is an extremely common front-end pattern, so it's an excellent opportunity to get some practice in!

    HTML 0 1 0 0 Updated Mar 31, 2025
  • tip-calculator-app Public template

    This small app is perfect for anyone starting to get to grips with JavaScript. The calculator functionality will be a nice test!

    HTML 2 2 1 0 Updated Mar 21, 2025
  • time-tracking-dashboard Public template
    HTML 1 2 0 0 Updated Mar 21, 2025
  • interactive-rating-component Public template

    This is a nice, small project to practice handling user interactions and updating the DOM. Perfect for anyone who has learned the basics of JavaScript!

    HTML 0 3 0 0 Updated Mar 21, 2025
  • browser-extensions-manager-ui Public template

    This project will be a fun way to practice working with dynamic data, filtering data, colour theming, building a responsive grid, and more!

    HTML 0 0 0 0 Updated Mar 21, 2025
  • newsletter-sign-up-with-success-message Public template

    This 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.

    HTML 1 2 0 0 Updated Feb 13, 2025
  • testimonials-grid-section Public template

    This 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 grips with it!

    HTML 2 1 0 0 Updated Feb 13, 2025

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

HTML JavaScript