Here is a collection of front-end challenges done by me
-
Updated
Nov 29, 2021 - CSS
Here is a collection of front-end challenges done by me
Web Developer Portfolio solution | Codewell
Frontend Mentor - Intro section with dropdown navigation
Front-end Mentor Challenges: CSS HTML JavaScript
Web application that allows users to view countries' information.
Repository with technical challenges for front-end, back-end and mobile
Hey there! Ready for a frontend challenge? How about creating a Share Content Card Component? It's a great way to practice CSS and JavaScript skills. Let's dive in!
The Pyramide: Not as challenging as the real pyramids in Egypt, but the shadow path is not easy.
Loading: The best are always websites that do not need a loading status. If they do, here would be a calming one.
This project demonstrates a simple animation of pulsing dots using HTML and CSS. Each dot pulses with a different color and is centered within a container, which itself is centered on the page.
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.
The CSS Flip Card challenge involves creating an interactive flip card using HTML and CSS. This project demonstrates proficiency in CSS styling to create an engaging user interface with a flip animation that reveals additional information on hover.
This challenge is a simple yet elegant fashion product card that showcases a dress with an auto-sliding image carousel, size selection options, and the ability to flip the card to reveal more details.
The three cornerstones of any application? Brought together in the smallest possible space.
At first glance impossible to implement with CSS, but filters make this possible too.
🚀 A collection of unique and trendy animated CSS buttons to enhance user experience and add visual appeal to your web projects. Each button showcases a different animation effect.
In this Front-end Challenge, I have build a Blog Card Component. This challenge is perfect for you if you've been learning CSS and want to take your CSS skills to the next level by building something new and beginner-friendly.
The code provided sets up a segmented progress bar using HTML and CSS.
This project demonstrates how to create an animated ripple effect progress bar using HTML and CSS
Yes, you can actually drag and drop a file in there. But don't worry, the upload process is faked.
Add a description, image, and links to the front-end-challenge topic page so that developers can more easily learn about it.
To associate your repository with the front-end-challenge topic, visit your repo's landing page and select "manage topics."