All solutions

This exercise was interesting to improve my knowledge of arrays and work with local storage

This exercice was interesting for improve my JS skill. I spend many hours to write an IA but I get some bug I can't fix with my actual level. So I think to create an IA for the "Four Game" exercice who will be similar than Tic Tac Joe.

This challenge was nice. Many things to do in CSS and JS. I learned to build overlay and lightbox.

It was a nice project. Many things to fix and to do. I try to use asynchrone function for get the api. I fixed user website links problems I limited the number of characters in "textContent" for the profiles with long bio or long name. I used "prefer-color-sheme" and switch.

I learned to use desktop theme preference. And to change theme between 3 themes. For get the numbers to calculate I used e.target.id of each buttons. When we click on an operator button (+, -, /,*) the number (e.target.id) became a "previousNumber" and be display in "previousdisplay" this number will be calculate with the next numbers until we click on egal for have the total. Every time we click on a operator button we will get preview of the total price in "previousdisplay"

Training APY with advice generator, using Fetch. I also add a green loader.

Hi,

I learned to set CSS & JS for doing a theme switcher. Here with a simple toggle. Next step will be the calculator.

I learned to practice JS :

• simple calculation for get the tip amount by people and the total amount by people.
• button effect : when we click on a new button the other one is turn off, when we click on "custom" the button is turn off.
• reset button : empty everything for start again

I learned to practice CSS :

• integrate an image inside the input

Hi,

• When we choose a rating and submit it, the" thank you card" will be display with our rating number. When we select a rating button, it turns gray. If we choose another button, the gray will be removed on the other button.
• When we click on the thank you card again, we return to the rating card. Interesting challenge for practice javascript.

This is my second version 2 of the project.

To complete the form:

. The first name must be between 3 and 20 characters. The first name must not contain special characters . Last name must be between 3 and 20 characters. The last name must not contain special characters . Email must be a valid email address . The password must contain at least 8 characters, a capital letter, a number and a special character. . We have a progress bar to see if the password is strong. . Error messages will appear when we write. The progress bar too.

When we validate if it is good we receive a thank you message. If it is wrong, we get a message please fill out the form correctly.

I learned to validate a form in JavaScript. That was an interesting challenge.

For submit the form : -The first name should have between 3 and 20 characters -The last name should have between 3 and 20 characters -Email should be a valid address email -Password should have a minimum of 8 characters, one capital letter, one number and one special character

. When the form is not valid a red icon and an error message will appear . When the form is valid you get a "thank you" message.

Hi, I learned to validate an Email with Javascript. That a Js DIY:) I guess we can do something cleaner... but its work. => When we have a typing error we will have an error message and the border will be red => When the form is empty we will have a different error message and the border will be red => When the email is good we will have a thank you message and the border will be green

Hi,

For my second JS exercice I used grid, flexbox and JS. The JS will activate the CSS for open the answers, the question will be bold and the internet image will move from 5%. When we open a new question the old one will close.

Thanks

Hi, First project I complete in javascript. I did a simple toogle to display the popup. I use SASS, grid, flexbox and simple javascript

Hi all, This is my solution for Fylo I have done in SASS. I used multi-flexbox for center elements like bar inside bar, circle inside circle, image in square, etc. The idea is to use less margin and padding who can be annoying for responsive. If you have some feedback Thanks

Hi For this work I had some problem with the responsive. I had to change my margin in pixel in % for get better result. I will take every advice for doing a better responsive. Ty

Hi,

My second project with Frontendmentor. For this project I used 3 Grids to organise my card. 1 for center the card on page, 1 for sizing image and text area and 1 for positioning the payement card. I will be happy to read about solution for have a better CSS

Ty

hi, My first project with Frontendmentor. Create a QR code card using Flexbox. If you have some advice for create cleaner code. Thanks