Repository with technical challenges for front-end, back-end and mobile
-
Updated
Apr 30, 2024 - Python
Repository with technical challenges for front-end, back-end and mobile
This challenge involves creating an interactive Floating Action Button (FAB) menu using HTML, CSS, and JavaScript. The FAB menu expands in a circular pattern when clicked, offering a visually appealing way to access multiple actions. A stylish linear gradient background enhances the interface's overall aesthetic.
Front-end Mentor Challenges: CSS HTML JavaScript
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.
🚀 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.
This project demonstrates how to create an animated ripple effect progress bar using HTML and CSS
Create a dynamic and engaging Pac-Man animation using HTML and CSS. This challenge focuses on replicating the classic Pac-Man character's movement and eating animation purely through CSS animations. The Pac-Man should appear to chomp as it moves across the screen, with dots moving towards it to simulate eating.
Here is a collection of front-end challenges done by me
This challenge is a simple yet stylish Social Link Sharing Profile, perfect for showcasing and sharing all your social media profiles. The design focuses on usability, ensuring a great user experience with interactive elements.
The Pyramide: Not as challenging as the real pyramids in Egypt, but the shadow path is not easy.
Web Developer Portfolio solution | Codewell
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.
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.
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.
Frontend Mentor - Intro section with dropdown navigation
Send Mail: Surprise your visitors with a nice animation instead of a simple "request sent".
Explore CSS Shapes Animation challenge featuring dynamic animations for circles, squares, and triangles. Enhance your CSS skills with keyframes.
Challenge to build a responsive blog preview card using HTML and CSS, inspired by Frontend Mentor designs.
Create a responsive grid of images with engaging hover effects using HTML and CSS.
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!
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."