All solutions

I used vanilla JS for this project to see if I could still use it. The funny thing is that I also decided to use SCSS for this project and didn't even realize I was writing normal CSS in a SCSS file until the very end lol. I'm just gonna leave it this way to remind my future self that I did this. I tried handling every possible errors I could think of which took me quite a while to finish but it was definitely worth it. Any kind of feedback or suggestion would be much appreciated. Thanks in advance and Happy Coding!

This was a great challenge for me to revise some of the core React features since I've been away from coding for a while. I made the cash split into 7 random amounts each time it loads which became a bit harder than I expected but I'm glad I came up with a solution. I also tried using BEM for naming things although it doesn't really matter here because I used CSS modules for each component. Any kind of feedback or suggestions would be much appreciated. Thanks in advance and Happy Coding!

I was initially planning to practice Redux but it seemed like an overkill for this project so I just went with the useState hook. It was a very fun project and I got to practice with many of the important React concepts, including react router and more. For the border countries, I could only find the codes for the countries so in order to avoid fetching data just for the names, I used reduce and console.log-ed an object with codes as keys and names as values, then just copy-pasted the object into a separate file and used it. Is there any other way around it? Feel free to throw in your feedbacks and suggestions on how I can improve further. Thanks in advance.

This is my second React project and I wanted to try working with APIs in React and utilize what I've been learning in lectures for the past few days and to my surprise, it was actually more fun than I expected. I didn't really focus that much on styling though. It's been a while since I last properly wrote CSS so it was a bit rusty. Other than that, it was a fun and great experience and, I got to familiarize myself with the core features React. I also added a 'remove all' button for a slightly better user experience. I'd love to hear your feedbacks and suggestions on how I can improve further. Thanks in advance.

A while back, when I started learning JavaScript I did this challenge as my first JS project. Now I'm back at this again, but this time, as my first React project. I find it a bit overwhelming compared to vanilla JS which is what I'm very used to writing, but I eventually got it the way I wanted. Overall, I learned a lot about the important concepts of React. I'd very much love to hear your feedbacks and suggestions on how I can improve. Thanks in advance and Happy Coding!

This was a fun challenge. I did this along with some members of a local community. I just learned regex the other day and used it for changing the image paths, and it was awesome. I'd love to hear your feedbacks and suggestions on how I can improve further. Thanks in advance and Happy Coding!

It was an OK experience doing this. I had a hard time reading the API Docs since I'm fairly new to this but I eventually figured it out. I learned a lot about working with APIs but I didn't quite like the way I wrote the code. Maybe, because I didn't understand quite well. Feel free to give feedbacks and suggestions for further improvement. Thanks in advance and Happy Coding!

I've wanting to do this project(especially the flip animation) ever since I started learning JavaScript which was a few weeks ago. I even tried it in my own experimental files after a few days but couldn't execute the timing function of the flip animations no matter how hard I tried. But now that I have some knowledge, I took this challenge and I'm happy with how it turned out. The logic was a bit tricker than I thought so the code looks a bit messy. There're definitely better ways of doing this but this is my take on the challenge. I also tried the CUBE methodology for CSS but ended up deleting everything and starting over(It's an inappropriate project just to begin with). For the timer, instead of using the actual Date class, I assigned total seconds to localStorage and reset its value once the countdown is done so that it wouldn't stop running even after the time's up(Just for demonstration purpose only). I'd very much love to hear you feedbacks and suggestions on how I can improve further. Happy Coding!

I tried to make this a single page app and because of that I almost didn't do the bonus challenge. But somehow I finished it. I tried to reuse as many code as possible and overall, I'm really satisfied with how it turned out.

I learned a lot about JS and familiarized myself with timing functions. The hard part for me was fitting everything in one file and reusing them. I also added some sound effects and hopefully it doesn't annoy you. I'd very much love to hear your feedbacks and suggestions on how I can improve further. Happy Coding!

P.S. I had my overflow: hidden on my body before, that's why the preview screenshot looks messed up. I fixed it by putting it all in a wrapper and it should be fine now.

This was a very challenging and fun challenge. I learned a lot about more array methods and got to practice my state management skills. For the drag and drop feature, I couldn't do it for mobile touch. Other than that, I'm happy with what I got. I'd love to hear your feedbacks and suggestions on how I can improve further or implement the drag and drop feature with touch. Happy Coding!

I've been wanting to try out Sass and this challenge seemed like a perfect place to start so I did it and it was awesome. I also got to practice more with transform properties and overall, it was a great experience. I'd love to hear you feedbacks and suggestions on how I can improve further. Happy Coding!

I wanted to practice working with data so I took this challenge. This is also my first time adding most of my HTML content dynamically using JavaScript and it was awesome. I'd love to hear your feedbacks and suggestions on how I can improve more. Happy Coding!

It's been a while since I last did a landing page and my layout skills are a bit rusty. But it was a fun experience building this, especially building sliders, validation and making it responsive. There were lots of details and I got to practice my grid layout skills as well. I'd love to hear your feedback and suggestions on how I can improve further. Happy Coding!

This is my first time building a slider and I thought it was gonna be super hard but it turned out pretty simple. Positioning the grid layout (especially the slider buttons) was a bit tricky. I learned a lot and I feel like I'm starting to get comfortable with JS basics. I'd love to hear your feedback and suggestions on how I can improve things. Happy Coding!

I thought styling this would be quiet challenging and logic would be simple, but turns out it was the other way around. I had so much fun writing this and learned a lot about array methods, setInterval and a lot more. I even tried adding some sound effects to it and hopefully it doesn't annoy you. I'd very much love to hear your feedback and suggestions on how I can improve things. Happy Coding!

This took me way longer than I expected. Writing code felt a bit tedious mainly because I didn't create many js functions. I tried my best to organize my CSS. I wrote about 800 lines of CSS on my first attempt just to get a barely good looking site which was not even responsive. So I deleted everything, took a break, watched some tutorials and tried mobile-first workflow and to my surprise, it actually turned out a lot better. I wish I knew this earlier. I also came out of my pixel cave and started using more of other units. This is also my first time writing this much js and it felt quite inefficient. I tried out so many new things in this challenge and overall, I learned a lot and I'm happy with what I got. I'd very much love to hear your feedback and suggestions on how I can improve things. Happy Coding!

Phew! That was unexpectedly hard. It all started with overflow: hidden exposing the parent element by 1-2px. I had to manually move the layout which became messy quickly. The hover effect on the cards were also challenging. I was able to hover over the menu icon and make it seem like it was affecting the parent by using what's called the sibling trick. I learned a lot about grid layout properties and fetching json file. I'd love to hear your feedback and suggestions. Happy Coding!

I tried to speed run this but failed miserably. Writing html and setting things up alone took almost an hour. But overall, I'm happy with what I got. I tried using as many semantic tags as I could think of. Any kind of feedback or suggestion on how to improve would be highly appreciated. Happy Coding!

I wanted to try making a toggle in JavaScript and it was awesome. Any feedback or suggestion on how I can improve would be highly appreciated. Happy Coding!

It was a very fun experience styling this. Any kind of feedback or suggestion would be highly appreciated. Happy Coding!

This is my first time working with APIs and it was really fun. I learned a lot about async, await and a brilliant use of box shadow for glow effect. Any kind of feedback or suggestion would be highly appreciated. Happy Coding!

I wanted to do this as a light-weight workout but the hover effect on the image had me busy for some time. Any kind of feedback or suggestion is appreciated. Happy Coding!

I watched my JavaScript lecture yesterday and wanted to do something challenging with it so I chose this project. I thought this would relatively be simple but I couldn't have been more wrong. I totally lost count of the number of times I wanted to laugh, cry or scream. It was quite an experience but totally worth it. It left me with this amazing outcome, tons of new JavaScript knowledge and a headache. My JavaScript is a mess but any kind of feedback or suggestion would be highly appreciated. Happy Coding!

This turned out to be harder than I thought it'd be especially because I only know very little JavaScript. I also learned a lot about positioning. Any kind of feedback or suggestion is appreciated. Happy Coding!