Pinned Repositories
clipboard-landing-page
Put your layout skills to the test with this HTML & CSS landing page challenge. This challenge includes a design for hover states.
four-card-feature-section
A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.
insure-landing-page
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.
manage-landing-page
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.
multi-step-form
An excellent test for your form-building and JS skills, this project will pose lots of challenges along the way to completion.
product-preview-card-component
This HTML & CSS-only challenge will be perfect for anyone starting to build responsive projects.
rock-paper-scissors
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.
room-homepage
This 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.
space-tourism-website
This 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 Scrimba. Lots to be learned!
url-shortening-api
Integrate with the rel.ink URL shortening API and play with browser storage in this landing page challenge.
frontendmentorio's Repositories
frontendmentorio/url-shortening-api
Integrate with the rel.ink URL shortening API and play with browser storage in this landing page challenge.
frontendmentorio/manage-landing-page
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.
frontendmentorio/rock-paper-scissors
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.
frontendmentorio/room-homepage
This 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.
frontendmentorio/multi-step-form
An excellent test for your form-building and JS skills, this project will pose lots of challenges along the way to completion.
frontendmentorio/product-preview-card-component
This HTML & CSS-only challenge will be perfect for anyone starting to build responsive projects.
frontendmentorio/huddle-landing-page-with-curved-sections
Practice using pseudo-elements for styling extras and the CSS position property for the sections with curved edges.
frontendmentorio/rest-countries-api-with-color-theme-switcher
If 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.
frontendmentorio/advice-generator-app
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.
frontendmentorio/age-calculator-app
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!
frontendmentorio/blog-preview-card
This HTML & CSS-only challenge is a perfect project for beginners getting up to speed with HTML and CSS fundamentals, like HTML structure and the box model.
frontendmentorio/calculator-app
This 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!
frontendmentorio/ecommerce-product-page
In 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!
frontendmentorio/fylo-landing-page-with-two-column-layout
This project is great if you're starting to get confident with slightly more complex layouts. The second section with the testimonial area will provide a nice challenge.
frontendmentorio/interactive-card-details-form
This 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.
frontendmentorio/intro-section-with-dropdown-navigation
This 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.
frontendmentorio/ip-address-tracker
In this challenge, you'll be using two separate APIs together to create an IP Address Tracking app.
frontendmentorio/news-homepage
This news homepage will be an excellent opportunity to practice your CSS Grid skills. There will be lots of tricky decisions to make and plenty of learning opportunities!
frontendmentorio/newsletter-sign-up-with-success-message
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.
frontendmentorio/notifications-page
This 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.
frontendmentorio/contact-form
Building accessible forms is a crucial task for front-end developers. This challenge will help you practice building a form with several input types and validation.
frontendmentorio/expenses-chart-component
In this challenge, you'll create a bar chart component from scratch. We provide a local JSON file, so you can add the chart data dynamically if you choose.
frontendmentorio/faq-accordion
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!
frontendmentorio/interactive-rating-component
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!
frontendmentorio/qr-code-component
frontendmentorio/recipe-page
This challenge will help you focus on writing semantic HTML. Ensure you think through what HTML elements are most appropriate for each piece of content.
frontendmentorio/results-summary-component
This 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.
frontendmentorio/social-links-profile
In this small project, you'll build out your social link-sharing profile. You can even personalize it and use it to share all your social profiles!
frontendmentorio/social-proof-section
This project will test your layout skills. If you're starting to get confident with Flexbox or Grid, this will provide a nice challenge!
frontendmentorio/static-job-listings
In 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.