All solutions

What are you most proud of, and what would you do differently next time?

Completed another challenge after a while🫶🏾! Took some time to go learn react 💻. This challenge increased my css positioning muscle. I had so much fun working with css positioning and animations alongside react functional components, props and state. #Technologies used:

• React 🚀
• Vite 🚀
• CSS 🚀
• Animation 🚀

As always feel free to drop me feedback. Happy coding 🌱.

What are you most proud of, and what would you do differently next time?

Hi Frontend Mentor Community👋🏾. I started off the #100DaysOfCodeChallenge🚀 with this small project. I managed to make the functionality work as expected.

What specific areas of your project would you like help with?

Feel free to leave me feedback. Happy coding 🌱

Hey there, Frontend Mentor Community! 👋🏾. I just completed another project, and I'm excited to share it with you. This time, I tackled the [Interactive Notifications Page] challenge, and it was quite the learning experience. In this project, I utilized a combination of technologies, including:

🚀 HTML 🚀 CSS 🚀 Vanilla JavaScript I used vanilla JavaScript to create functionality that allows users to mark notifications as read.

Challenges & Learnings: Working on this project posed some interesting challenges, However, through persistence and resourcefulness, I overcame them and gained valuable insights.

Key Features

• Mark as Read Functionality:
• Notification Count

Responsive Design: I implemented responsive design techniques, including the use of @media queries for smaller screens.

Feedback: I'm always looking to improve, so feel free to leave your feedback and suggestions. Your input is invaluable! Happy coding! 😊

Hi Frontend Mentor Community 👋🏾. I've completed another challenge! I enjoyed building this advice-generator-app with :

• 🚀Semantic HTML
• 🚀CSS Flexbox
• 🚀JavaScript fetch API

For smaller screen sizes 📲, I've added @media query to handle the layout and styling

Things I learnt building this project:

• Using async programming to fetch and handle data from the AdviceSlip Advice API 👨🏾‍💻
• Adding an addEventListener() that handled the advice display on button click. Feel free to leave me feedback on my code. Happy coding :)

Hello Frontend Mentor community👋🏾. This is my solution for the age-calculator-app 📱. Working with the JavaScript date object was a bit challenging but I also learnt so much through this challenge. I built the project using:

• 🚀HTML Semantic
• 🚀CSS flexbox
• 🚀Position Property
• 🚀Animations
• 🚀and JavaScript

I enjoyed the process of combining these technologies to create a functional age calculator app. I have learnt and practised working with animation: and the @keyframe as well as the js addEventListner() and the dateObject.

beyond the challenge I've added:

• logic to calculate if it's user's birthday and dynamically display a happy birthday message🥳
• animated age counter 👨🏾‍💻
• and an animated birthday text(I just wanted to practise working with animations). For smaller screen sizes 📲, I've added @media query to handle the layout and styling. Feel free to leave me feedback.

Hello there 👋🏾. I've completed another frontend mentor challenge. I've built up this article, preview component with HTML, CSS and JavaScript 👨🏾‍💻. I enjoyed building up the layout of the challenge using:

• 🚀Semantic HTML
• 🚀Font Awesome Library
• 🚀Flexbox properties and the
• 🚀Position property.

I've also used JavaScript to build the functionality of the social media display bar and the share button. I learnt: about and made use of the ::after{ } pseudo element selector, as well as the clip-path: property. For responsivity I've included @media query to adjust styling for smaller size screens 📲. Feel free to leave me feedback on my code. Happy coding 👨🏾‍💻

Hello Frontend Mentor community👋🏾. I've completed yet another Frontend Mentor challenge. This challenge was a good practise for CSS Grid, it was a bit tricky and challenging but Wes Bos' CSS grid tutorial came in handy. I built this project using:

• 🚀Semantic HTML
• 🚀CSS grid
• 🚀Flexbox
• 🚀CSS Variables
• 🚀and JavaScript

In this challenge, learnt: How to create and display a hamburger menu for smaller screens using a combination of CSS and JavaScript. I also learnt and practised using the grid-template-columns: property as well as the grid-column: and the grid-row properties. For the design and styling for smaller screen sizes, I've included a @media query to adjust the styles. Feel free to leave me feedback. Happy coding :)

Hello Frontend Mentor community. Here is my solution for the fylo-data-storage-component challenge. I really enjoyed building this project. Also don't hesitate to leave me feedback if you notice areas where I can improve my code. Happy coding:)

Hello there. Feel free to checkout my solution for the Expenses chart components. You can also drop me some feedback if you find areas where I can improve my code. Thanks and Happy coding:)

I have completed yet another challenge. Feel free to leave me feedback, thanks!

Hey there! I finished another Frontend Mentor Challenge. I used HTML, CSS, and JavaScript for this one. I made sure the form input fields are validated using JavaScript, and I used Javascript to handle tip calculator functionality too as well as the cool custom button for users to choose their own percentage. I followed a mobile-first workflow throughout the project. If you've got any feeback or recommendations, I'd love to hear them! Feel free to share your thoughts, and I'm open to making improvements. Thanks a bunch! Happy Coding :)

This was an amazing challenge to do. Feel free to drop me some feedback and reviews. Thanks :).

Made with love :) Feel free to leave me feedback.

I really enjoyed doing this challenge. Feel free to leave me feedback :).

Here is my solution for the Ineractive rating component using HTML, CSS and Javascript. Feel free to leave me any feedback, thanks.

Another challenge completed! Made with so much love:)

Another Frontend Mentor Solution. Feel free to leave me any helpful feedback :)

My solution for NFT Preview Card. Made with so much love. I had so much fun woring on this challenge:)

This was a bit challenging to do. Feel free to leave me any helpful feedback :)

My solution for the product-preview-card-component. Feel free to leave me any feedback that will help me grow as a Frontender. Happy coding :)

Hello. Here is my solution for this challenge, feel free to leave me any suggestions and feedback. Thanks

Hi! Feel free to leave me any recommendations. Thanks, happy coding :)

Here is my attempt on the order-summary-card. Feel free to leave me any feedback you think may help me becomme a better developer.