All solutions

Hi everyone, I'm on my React period and I've take lot of fun complete it !

Maybe, I need some advice :

<select/> && <option/> I didn't change CSS (look to complicated), did you have a good way to custom these element ?

variables and theme switcher I used and changed the variables applied to :root based on a state that switches with a button. I don't think this is the most optimal way in terms of performance, do you have any advice on how to create a theme switch with React and ScSS?

Thanks in advance and happy coding

Hello World ! Nice to see you there :)

This is my solution to the FrontendMentor.io challenge : Interactive comment section !

It was also a good challenge to develop my coding skills with React. First time using Hooks, LocalStorage and SaSS for design.

I'd encounter some difficulty with fetching data and working with public & src folder (especially for the dynamical rendering of profile picture).

Thanks for taking time to review my solution ! Any advice accepted ! Happy coding :)

Hello World !

This is my solution to the Challenge "Todo App"

It was coded in React.js without use of Hook :

-> I've just learned React.js and wanted to understand the overall functioning of this framework; -> Really nice for understanding State and how to use it;

Just a question : how to implement drag and drop for mobile user ?

I've tried 'onTouchMove' but can't see improvement directly on Desktop (before deploying app), if you have an advice for test mobile functionality I'll take it !

Thanks for review, enjoy and happy coding !

Hello Everyone !

That was an interesting challenge with some CSS Flex/Grid use and perfect for manipulating HTML with JS.

If you have any advice for write a cleaner code :)

First exercise on HTML forms and their use with JS.

What I got from this project :

• Using several functions to clarify my code and decrease the writing of it;
• Use of regular expressions and first thoughts on data validation;
• First experience on event propagation with preventDefault();

I used very simple regular expressions for the validation of the mail, if you have any advice to improve it I'm interested!

Good continuation

Hello Everyone !

This is my second project using JS.

I was looking for a way to make the answers to the questions appear smoothly, if you have any leads (CSS or JS ?).

It's a little messy but I've improved my understanding of the DOM and how to navigate within it.

Thanks in advance for looking at my solution !

First time using JavaScript :

• I was looking to apply an EventListener directly on each <p> inside <div> container, but when I've get all Element, I've a HTMLCollection list. My question : how can I focus each element of this list ? I use forEach loop but can't add an EventListener on each iteration

• Is it possible to group all my similar objects (one, two, three...) and apply the same EventListener schema to them all?

Give me any advice (even on writing code in general) as a beginner I am keen on any information, thanks in advance !

See you Everyone !

Hello everyone !

This challenge is a very good training to structure your HTML code and work on backgrounds.

Speaking of the latter, if you have any ideas for improvement I'm interested.

Have a nice day !

Hello Everyone :)

This is my solution for the Clipboard landing page master Challenge.

It was a cool project with great use of grid and/or flexbox. I particularly focused on responsive design, I think I found the right screen sizes to work on so that my sites are fully responsive.

The only difficulty I had was with the social logo :hover, I used the CSS filter property to change the color, however I could not find the color I wanted.

On a previous challenge, I used the logos available on Font Awesome and changed their color easily.

Is it possible to change the color of an svg image without using the filter property? If yes, how to do it?

Thank you in advance and happy coding everyone :)

Hello Everyone !

This is my solution for the challenge : Huddle Landing Page

I mainly tried to focus on the responsive design, I'm quite proud of the result even if I notice afterwards that there are still some points that can be improved.

Any constructive advice or tips are good to take

Thank you for your time and happy coding :)

Hello Everyone !

This is my solution for the Fylo Data Storage component challenge.

I try to improve the responsive design but I still have a lot of difficulty especially for screens between 600px and 960px.

If you have any tips/advices, I take all !

Thank for your time and happy coding :)

Hello Everyone !

This is my solution for the Testimonials Grid Section Challenge.

I've tried to improve "Responsive" part, any tricks about how to create a responsive font-size ?

I would like to fix the size of my "main" to my viewport, in other words : Keep the same general proportions according to the screen size

Thanks in advance for your advice! Happy coding :)

Hello Everyone !

This is my solution for the challenge : Four card feature section

Any advices is welcome!

Thank for your time and happy coding :)

Hello Everyone :)

This is my solution for challenge : Social Proof Section

Any advices is welcome, no real difficulty but good challenge for practice grid/flex display.

Thank for your time, happy coding :)

Hello Everyone ! :)

This is my solution for the challenge : Stats preview card component

If you have any advice, especially about the Image and how to apply a filter above it (without using 2 background-image CSS style like I've do)

Thank for your time, happy coding :)

Hello Everyone !

This is my solution for the Order Summary component challenge. I'm open to any advice you could offer me.

Thank you for taking the time to look at my solution. I wish you a happy coding :)

Hello everyone !

This is my solution for the challenge QR code component card.

I had to resize the image for the desktop version, if you have any advice for this part I'll take it :)

Thank you in advance, happy coding everyone.

If you can give me some tips and feedback about how to create div:hover shape the image (and note use margin % etc..)

Thank for all :)