All solutions

It's been a long time since I made the last challenge from FrontEndMentor. It was fun to make.

Still I could not figure out how to use my json file with fetch and I tried many ways but nothing worked, so I cheated a bit and just created an object containing data.json

Last challenge from Frontend Mentor. It was really difficult. It is still a bit glitchy, it looks like the first time you're loading the page you could not display countries details, but after refreshing it seems to be working properly...

Anyway thanks a lot Frontend Mentor for giving us the opportunity to create so many projects, I really feel like I improved since I began, and many thanks to the community for the kind comments and help.

I guess I'll now learn how are SASS and React working. Have a great day everybody 🤗

Edit : Added night mode, thank you @Palgramming for helping me being less lazy

I had a lot of fun coding it. I tried to add some nice animations to make it look good, I hope it does.

Hope you will like it ☺

Last free intermediate challenge. There is a lot of stuff to manage in this one. I did not make the bonus drag and drop part.

I tried to make it work properly, hope I did not forget anything. It was not easy to make.

Last landing page I had to do with free version. Lots of fun !

It was really interesting playing around with APIs. Will try other APIs to improve.

It is working for me, let me know if everything works properly on your computer too 😊 (I only have like 900 calls left on ipify so it might not be working anymore soon)

I tried to make some small discreet animations to give the website a smooth look. You can control the slider with arrow keys.

I like the overall look of it but I'm a bit uncomfortable with big pictures and responsive... I don't really like how I made it responsive but I could not find a better way.

Not the most challenging challenge but one of the funniest. There was a lot of stuff to create, I spent like the whole day making it.

I really like the slider, never made something like this before and proud I could make it without looking on the internet for any help or inspiration.

Everything should be working properly.

Nothing new with this one, another landing page, pretty fun to make because of all the flex elements.

If you, like me, are struggling with the header picture, don't forget you need to set a position to your div (I used position: relative) to give it a Z-index. Makes everything way simpler.

Creating the design was pretty fun.

I didn't do the animation since I had no idea how to make it properly, I think it was the most difficult part tho.

Otherwise it's working properly, responsive should be nice too.

It was hard but I learned plenty of things, like dynamically creating some parts of pages, or how to store data on a computer.

I loved making it, it was really interesting and fun.

• Shortens links, when user clicks on the shorten button it greys out and asks him to wait.

• Displays with a little animation the newly created link.

• Creates a new div each time a short link is created.

• Allows the user to copy the link to his clipboard by clicking the "Copy!" button. When clicked, it informs the user the link has been copied.

• Locally stores all the links created by the user.

• I added a feature on the footer, the first link is now called "Clear my saved links", and it clears local storage.

I did not expect this project to be so difficult. Would it be easier using a framework ? I don't know any yet because I would like to be good with Vanilla JS before using something else.

I had to think a lot with this one, like how to prevent user from :

• typing more than one operator at a time ( e.g. 7++2)
• using multiple dots on a single number ( e.g. 3.00.5)
• typing a dot without a number before ( e.g. .3)

I also had an idea for the theme switcher : I'm putting all my DOM elements into an array, and interating through it with a forEach(), this way I'm using one line of code instead of one line for each DOM element I wish to change.

I made the toggle by myself this time, without getting any help or ressources on the internet, I'm pretty proud of it.

I used the .replace(/x/g, "*"); function, which replaces all the x by *, which makes it more readable for the user.

It would be a nice addition to allow the user to type on his keyboard instead of clicking.

It was really fun to make.

However I have no clue how to manage the responsive part (everything breaks below 500px), do you know if there is a way to stretch the whole phone part like you would do with an img having a width: 90% property ?

Nothing much with this one, pretty fun to make. I added a small animation after validating email.

That was my last "Junior" challenge, things are going to be more difficult now !

By far the hardest challenge I've done with Front End Mentor. It's not perfect yet, but it seems to be working.

• Selects an offer to back
• Displays the informations of offers one by one
• Controls if the price entered is correct
• Shows current total backers number
• Shows total amount and working progress bar
• Grey out offers when there's not any left, making it impossible to pledge

It's working but I feel like I chose the worst way to do it, the code seems really janky. You can slide between pictures using arrow keys.

PS : Don't waste your time on the code, I probably won't go back on it !

I had lots of fun with this one. Probably the coolest project for me so far.

It was not as easy as it looked.

I had some trouble for the computer picture, I don't know how to make it move automatically on the left depending of screen width.

I don't know if this was the best way to display the grey background, but it is working well.