Just a simple solution, before taking my first Premium submissions, to handle more complex challenges :)
Nothing special to say about this one, except manipulating API with React drove me crazy : I found it really easy, after having struggled with some native fetch() methods from JavaScript !
Also, this challenge helped me to get the main differences between useState() and useEffect() !
Thanks for reading, will have a look to some others submissions now 👀
Here's my proposition for this challenge ! I struggled a bit with calculator logic, but I managed to make it work, at least for the calculations : functionalities are a bit off, sometimes..
I wanted to train my React skills and learn a bit of TypeScript and Tailwind CSS.
Let me know if something looks wrong to you, I'll probably increase the app later !
I'm not sure if I used the right approach for initialize my tabs component on loading, what do you think ? Also, do you know why URL pages are broken at page reload ? I guess it's related to React, maybe SSR ? 🤔
Don't hesitate to give me advises, I'm a noob with that techno, at the moment !
I wanted to grab this one, cause there's a dark mode, so I had to get a little reflexion about how to implement it ! I guess the result is okay, even if I didn't loose time to propose a pixel-perfect solution, my main wish was to practice with React.
I'm wondering about the necessity to make these "subcomponents" sections : DashboardCard & OverviewCard. What do you think ? I'll check how other people have handled it after submitting my solution.
I also grabbed the switch from uiverse, it was pretty useful and make me win some time, for a pretty good result !
Tell me what you think about my shit ! ✌️ I'll pickup a multipage FEM challenge right now !
Big s/o to @Yazdun, who gave me some tips about CSS animations. By the way, I guess I should go through SCSS, since my stylesheets begin to be veeery long ! I'm particulary happy about my .wrapper system, which avoid me to use Bootstrap. I think I'll reuse this .wrapper in the future. Feel free to take it, if you judge it relevant ! Also, this little tool helped me to crop .svg image.
Place to the questions, now :
Can I inherit from upper @media query ? Or is it more secure to inherit from the original one ?
If I can't, what would be the best practice to position backgrounds without to use media queries, taking resizing in consideration ? Background-position ?I'm mostyl talking about white sections.
Hope you'll like it ! I had some fun playing with those kind of "breathing" effect ! I didn't spent much time in the .js, but it seems functional.
So, my main question would be : how to use container by the same way bootstrap do ? I mean, I definided some width to my page to be as close as the design at possible, but I guess it would be better if my colors continue on right and left, instead of this black background. How can I define a nice wrapper in native HTML/CSS ?
Also, I wanted to animate my toggle burger-menu, but I struggled because of display: block... any suggestions ?
However, pretty interesting and real-sized exercice ! Liked it, altrough it was a bit long !
Hi everyone ! Here's my submission for this challenge. I guess this is not the most usefull JS solution, but I post it mostly to see other people's try. Feel free to review it !
Here's my last submission for newbie challenges ! I did it pretty quickly, and I have to say that I feel far more comfortable in HTML and CSS right than two weeks ago ! Let's dig JavaScript together, from now...
Come have a look, my friends, and tell me if you think something is wrong !
Don't want to seem arrogant, but I feel far more comfortable than one week earlier about HTML & CSS integration ! I'm a kind of addict to this website, each challenge is a bit more difficult than the previous one, usually, but this one was easy.
Anyway, only two challenge left until junior ones ! Can't wait !
Hey ! I used this simple accessible form from @pikamart to realise this challenge. Learned a lot of JS validation checking and DOM manipulation. Tell me what you think about it !