All solutions

During this project, I faced several challenges such as implementing form validation using regular expressions, adding animation and dynamic error messages to the form, and improving the accessibility of the website. Additionally, I also had to optimize the website's responsiveness for different screen sizes using CSS media queries. Overall, this project helped me improve my front-end development skills and taught me how to tackle complex problems while maintaining good coding practices.

The Notification Page project was a challenging yet rewarding project that required a lot of attention to detail and understanding of Javascript DOM manipulation. One of the main difficulties was managing the state of the notification counter as each notification was marked as read. I had to use event listeners and conditionals to ensure that the counter updated correctly and stayed at 0 once all notifications were read. Another challenge was implementing the "Mark All as Read" button, which required adding a specific class to all notifications at once. Overall, I learned a lot about working with the DOM and how to manipulate elements in response to user actions.

• Semantic HTML5 markup
• SCSS
• JS
• Flexbox
• Grid
• Chart.js
• JSON

I did this project long time ago, not knowing it was a challenge from FE-Mentor. The screenshot isn't accurate, I don't know how to change it

• Semantic HTML5 markup
• SCSS
• JS
• Flexbox
• @media

• Live Site URL 🔴: click!
• My Frontend Mentor profile 👦: click!

A simple Advice generator app, using fetch for the API

I didn't want to use JQuery since I am trying to learn the basics and fundamentals.

Anyhow, for later in the future which JS Libraries you recommend?

Hello dear community! I am new at programming, this is my very first website without being guided by a tutorial! It was quite a challenge but I feel I learned a lot during this 2 days.

If anyone has some feedback, it would be very appreciated!

Things that I couldn't resolve or were hard to do:

• For some reason I couldn't make the mobile menu to have a transition ease-in-out.
• I am having difficulties with media queries. Any tips?
• I have a big screen, so it was a challenge to make it look good and accurate for all screen sizes.

Thanks you all!