All solutions

Created with Vite + React + Tailwind. I changed the look of the modal to change things up a bit.

Made with React. Customized loading and 404 error page. The chosen theme will be saved in localstorage. Added button to open google maps. Click on my avatar at the bottom of the page to open a modal.

Solution built in React. 3 different themes of your choice that will be saved in local storage for the next visit. Click on my avatar to open a modal.

Made with React, and some CSS animations with theme changes. Click on my avatar to open a modal.

React and Custom Hook UseFetch() to consume data from data.json. Clicking on my avatar, a new message will appear

Made in React

TypeScript and CSS anumations.

TypeScript

Hello guys. This is my solution to this challenge. It was certainly the most challenging, not only for the calculator, but for all the implementations I did. Everything my crazy head thought of implementing, I managed to do.

The calculator is fully functional, including the keyboard and there is the option to turn the key sound on and off.

In the third theme of this challenge, there is something that will take you to a place in your memory. Can you make it to the end? Throughout the JavaScript project it was used a lot like setInterval, setTimeout, classList, getComputedStyle, addEventListener, removeEventListener and etc. I never imagined I could do something like this. I'm definitely going to refactor a lot, but I'm proud of the result. Any suggestion for improvement is always welcome. Hugs.

Hello guys. This is my solution to this challenge. Here it includes options of themes from 3 different ones, preloader screen and custom footer, and a 3D animation on the GRID on mouse hover. Tips and suggestions are welcome. Hugs.

Hello guys. This is an improvement to this challenge with fixes and various additions. I structured my HTML using the BEM methodology to be more organized. I added a pseudo preload page with custom presentation with my name. Replaces the Careers button with the Theme button, through which it is possible to choose 3 different themes from the page I created, being Normal, Futuristic and Elegant and each one with its respective customization. The futuristic theme has an animation built with SASS and creation of divs with JS appendChild(). Each theme has its distinct letters (fonts). I really liked the end result I got. There will definitely be bugs and improvements to be made. Hugs.

Hello guys. This is my update to the previous solution to this challenge. I modified the layout and included various animations in CSS/SASS using various techniques. Loop For In in SASS, appendChil() in JS to create the divs and thus make the HTML cleaner and the keyframes. It includes a 3D button, background animation, flashing letters, avatar flip and a few other things. Made with great dedication. Suggestions for improvement are always welcome. Hugs.

Hello guys. This is my solution to that challenge. As additional techniques, I made the project using the Mobile First model and then I adjusted it with the media query. I used SASS and at the end of the project I added my fake signature. One of the difficulties I had was when creating the function that determines the current day and selects the bar of the same day's chart, but I managed to solve it by studying more about arrays. Please, any tips or improvements to the code and markings are always welcome. Hugs.

Hello guys. It was a lot of fun to make this layout and I really liked the result. In this solution I used the GRID layout, Flexbox and SASS techniques to the traditional CSS. Surely it must contain some bugs and improvements, so any tips are always welcome. In the end, I put my fake signature as a way to, from now on, always have my personal brand on each solution.

Hello guys. That's my solution to this challenge. I really liked the result I got. I used SASS for the CSS and despite the challenge not asking, I ended up adding the functionality to change the theme to dark when interacting with the Avatar image. I notice that I'm making little progress. Please, whoever has tips and tricks to improve even more, I would love to hear them to improve. Hugs and thanks.

I liked the result using SASS, JavaScript. I didn't finish the script of the buttons to filter the countries, but I still liked the result. There are certainly many things to improve. Please, whoever has tips for a better use, I would appreciate it a lot.

This was the result I got. Are there any tips or changes to be made?

That was the solution I came up with.

The challenge did not ask, but I added a functionality of sending a message and interacting with the smartphone.

I was happy with the result. Any improvement tips could be done?

To add the events to the evaluation "buttons", I used the For loop instead of ForEach. Although functional, is it correct to do it only with the For loop?

In the final state, I have inserted an image click event to refresh the page, and also mouseover and mouseout events to raise a "warning". Is it done that way on a daily basis?

Inclui a alteração de tema principal Dark e Light.

I used variables in CSS to define the colors of the project. Is there any problem using it this way???

Is the solution correct the way I did it?