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!
-
Updated
Jun 27, 2024 - HTML
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!
Welcome to the Rotating Square Loader project! This project showcases a simple yet elegant loading animation featuring a rotating square. It serves as a great example of using HTML and CSS to create visually appealing loading indicators for your web applications.
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.
Integrate with the rel.ink URL shortening API and play with browser storage in this landing page challenge.
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!
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!
A fun challenge from Frontend Mentor
A great challenge from Frontend Mentor
A good challenge from Frontend Mentor
A great challenge from Frontend Mentor
A fun challenge from Frontend Mentor
A good challenge from Frontend Mentor
An amazing challenge from Frontend Mentor
A challenge set by Frontend Mentor to build out the QR code component, and get it looking as close to the design as possible.
A fun challenge from Frontend Mentor to create an accessible toggle component.
A great challenge from Frontend Mentor
Multi-page website to sharpen my front-end skills
A good challenge from Frontend Mentor
A nice challenge from Frontend Mentor.
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.
Add a description, image, and links to the frontend-challenge topic page so that developers can more easily learn about it.
To associate your repository with the frontend-challenge topic, visit your repo's landing page and select "manage topics."