All solutions

I took the challenge solely to see how to work with Firebase. After checking it out, I much prefer MongoDB.

The application lacks proper design, compatible with Figma. I didn't focus on 100% reproduction of the mockup, as that was not my goal.

Similarly, the code itself definitely needs a refactoring, but I have no intention of developing this project, so I leave it as is.

Of the things that are badly resolved, there is definitely wrong state holding, no loading, lack of toasts, and an application architecture that is not fully thought out.

You can use the test account [email protected]/test123 or create your own test account.

Simple challenge, just wanted to check how Prettier automatically sorts my Tailwind classes in integration with Astro.

Check github docs :) Create a new user if you want to log in. No need to email validate.

This is the first time I've used the Astro library. I really love it. I will definitely use it again. I'll try to link CMS to the file later to see how it works :) I took me 17 hours to code this while troubleshooting issues.

I completed this challenge within 7,5 hours. It was my first time with React, TypeScript and Tailwind, bundled by Vite. Deployed on Vercel. I created custom use-counter hook to use counting effect inside my components. I also used useState and useEffect hooks. I'm not really sure if I used TypeScript here properly.

I had problems with json file and icons path. I placed them in my public folder. I have read that it's not a good approach. Please tell me how I can code it better.

Btw. I don't like Tailwind, I don't like inline styling at all. Sass FTW :)

I completed this challenge within 30,5 hours. I did it with as small html file as possible. Every component is rendered by JavaScript. I tried to create a folders structure similar to professional work. My code surely needs a refactore, but I wanted to go further, so I leave it as it is. I added tiny animations on modal elements.

I tried desktop-first approach and I didn't like it. I find it as a bad way to code. Managing media queries later is a bit of mess. I learned how to use routing with window.location.search. I also tried other approach of creating html elements by JS (here, I created each element by separate function and I nested it later into one component).

I needed 10,5 hours to complete this app. I really enjoyed this challenge and it was my first work with such a big API. I didn't focus so much on CSS styling here.

Coding time: 16,5 hours.

This was really a tough challenge as for intermediate level. I tried to complete it like a month before, but I found to not being ready to code it properly. Even today I left it working almost as should be, but it's definitely not DRY. I used too many if statements (I know I should change it at least to switch) and all my JS code needs a solid refactoring. I know how to tidy there on my own, but I just want to move further. I'm really exhausted by this challenge, lol. There was many DOM manipulations and logic thinking with elements.

Readme says you need a strong undestanding of JS and that's a true. Doing it with vanilla JS approach is a torture :)

Coding time: 10 hours.

I followed JavaScript code from Freshman tutorial and added some features like delete button and theme switcher.

This was quite a hard challenge.

Code time: 8,5 hours.

I learned how to change my transform origin and how perspective works. I set my timer for the first time with setHours/getHours function.

In addition I learned about .padStart from crsimpson5 code. His JS logic has helped me a lot.

I used ipapi instead of IP Geolocation API by IPify, because I found better free version. I implemented very basic error handling. I did this task within 5 hours and I really enjoyed it. It was clearly something else from static website examples.

I didn't code that modal as in design sheet. I found it redundant and unnecessary, because I've got a carousel in my mobile view.

Task completed in 15 hours. I learned how to add functions inside my createElement template (to add multiple elements) and how to destructure elements from an object. I needed few hours to think how to implement filter function, that was a main challenge here. I'm quite happy with my solution.

I tried sticking as DRY as possible. :)

I found it difficult to properly set and parse my tasks from local storage. Also filtering my tasks by all/active/completed buttons was not an easy job.

I added some animations, error handling and empty state just to improve UX.

I coded it for 41 hours.

This project took me 37 hours of coding, thinking and searching for answers. I learned how to work with dialog html element and I practiced a lot of code with DOM manipulation. I created an object with my product items that is dynamically displayed inside my dialog element. From now on I will try to go further and start coding intermediate challenges.

This app took me 21,5 hours of coding. I practiced my JS skills. I added error handling with text messages near inputs.

Done is better than perfect and I still find few errors here. My Java Script code could be written better, anyway I tried my best at this moment. I hope I will refacture it later.

If you find some bad methods or any issues, please write me a comment :)

Completed in 8 hours. At first I tried to do it with chart.js but reading the documentation and implementing it was harder than coding that task from zero. I learned to use 2 parameters in forEach loop and new Date function.

Challenge done within 10 hours. I learned what a clamp() is, very useful! I also tried to style my range input in different browsers, but I did it well only on firefox browser. I think it's not supported in all browsers by using css. I had a chance to work with 2 JS data arrays and use a switch statement.

I completed this app within 3,5 hours. I learned how to fetch url API, what "cache" is and how to use it in my code. Added short dice roll animation.

This challenge took me 13 hours, but almost 10 hours was searching the internet for informations how to fetch json file and work with it. I did many loops to start my bonus animations and dynamic insert data.

Please, spend a minute and check my JS async function and loops that I have created there.

Done in 5 hours. I practiced my JS skills a little. I wonder how to set my price switch in one specific position while I reload my page. Should I use local storage?

Task done in 3 hours. I tried to use semantic html5 tags like figure, blockquote and figcaption. Hope I did it properly.

I would be thankful if you spend a minute to check my html tags.

Challenge completed within 13,5 hours. I learned how to toggle theme mode and I made a nice looking flexbox sections. I like how they response to bigger width.

This challenge took me 9 hours. I struggled with my poor responsive design (setting position absolute on my images isn't a good idea to shrink or grow my slider properly) and java script. JS code took me 4 hours and I coded my html again trying to have better structure (2 hours work more), so I would complete this task within 3 hours, if I knew how to solve all my problems before :).

I learned how to use switch statement with key events and easy loop function.