Pinned Repositories
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!
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.
readme-template
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/four-card-feature-section
A nice layout-based challenge for beginners. This will test anyone who is new to multi-column and responsive layouts.
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/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/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/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/testimonials-grid-section
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!
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/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/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/product-list-with-cart
Practice updating the UI in multiple places based on user actions. The starter download also includes a JSON file to help you practice populating the DOM dynamically.
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/bento-grid
This challenge is perfect for testing your CSS Grid and responsive skills with this bento grid layout.
frontendmentorio/conference-ticket-generator
In this challenge, you'll create a form that generates a ticket. There's a lot of scope for customizing the generated ticket and putting your own stamp on the project.
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/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/mortgage-repayment-calculator
This mortgage calculator is an excellent project for practicing working with forms, client-side validation, and updating the DOM. Remember to focus on accessibility, too!
frontendmentorio/qr-code-component
A perfect first challenge if you're new to HTML and CSS. The card layout doesn't shift, so it's ideal if you haven't learned about building responsive layouts yet.
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/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.