Repository with technical challenges for front-end, back-end and mobile

Front-end Mentor Challenges: CSS HTML JavaScript

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.

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.

Welcome to Template Three, a modern and responsive front-end website template designed and developed as part of the Elzero Web School. This template showcases the application of fundamental web technologies, including HTML and CSS, to create a visually appealing and functional user interface.

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.

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.

Here is a collection of front-end challenges done by me

Loading: The best are always websites that do not need a loading status. If they do, here would be a calming one.

Achieved a visually captivating elastic animation effect with simple CSS transformations and key-frames. The solution turned out to be easier than expected.

Why use JavaScript when you can use CSS? This challenge demonstrates how to create an interactive slider using only CSS selectors, showcasing the versatility and power of CSS.

Web application that allows users to view countries' information.

At first glance impossible to implement with CSS, but filters make this possible too.

The three cornerstones of any application? Brought together in the smallest possible space.

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.

Explore CSS Shapes Animation challenge featuring dynamic animations for circles, squares, and triangles. Enhance your CSS skills with keyframes.