All solutions

Well, I've certainly had some fun with this one. Only recently I've heard about HTML's FileReader API, and I was just looking for an excuse to try it out. This chart component was a perfect opportunity.

Learned a lot with this one, how to handle file uploads in browser, read data from them and more. Admittedly, the code did end up being a pile of spaghetti so if anyone's got any tips and/or advice, it's always appreciated. Cheers!

Back to a slightly simpler project after last one again. This one was interesting, can't believe I've never got around to using <picture> tags until today. Sure beats using js and states to switch img src manually.

Any and all feedback and welcome, as always. Cheers!

Second project using Tailwind CSS, slowly learning the ropes. Decided to expand on this challenge a bit to test myself.

The plan was to make it with a proper backend auth and database so I could use it as a portfolio project when looking for a dev job but I ended up running into a fair bit of trouble so I scrapped that idea and used localStorage for now instead. Backend will have to wait until I learn about it a little bit more. Overall it was very fun though.

As always, if there's anything that could be improved, any and all (constructive) criticism is always welcome. Especially when it comes to theme switching, I'm not happy about that flicker when navigating in light theme. Cheers!

After last project I figured I need a refresher on the basics so I made this using only HTML and CSS and nothing else.

I think it turned out alright, but any advice on how things could be better is always appreciated :)

Decided to try out the Next13 beta version and try Tailwind that I have never used before. I think I bit off more than I could chew on this one but it was fun.

I don't know what to think about the way I fetched country data, it feels wrong. It works in the end but any tips and/or advice are appreciated :)

First actual project using TypeScript. About time I got around to learning that one. Overall not complicated, but I did run into some issues regarding the types and interfaces at first. I feel like I did a fairly decent job this time, though. Of course, if anyone got any other tips and suggestions, any feedback is always appreciated :)

Well, it sure has been a while since I took one of these challenges and this has been a nice refresher to get back into it. Used styled-components for styling and react-leaflet that makes life easier when working with leaflet in react, as the name implies.

Unfortunately, I didn't add the user IP detection to fulfill one of the challenge's requirements but I plan to get back to that one. I felt like this is at a good enough spot to submit it. If anyone's got any pointers for what would be the best practice of acquiring a user's IP on page load, I'd highly appreciate it.

Another project I built using styled components and theme provider. It's not perfect, some text appears a little off when comparing it directly to the preview images but I'm sufficiently happy with how it turned out.

When it comes to the code, I'm not too sure if the way I did the switching between day/week/month data and all the prop passing between the components correctly. It works but it just... feels wrong. Maybe someone who's more experienced can take a look and let me know how I could improve.

As always, any and all tips and critiques are welcome :)

Hello there~! Sure has been a while since I posted here.

Decided to do a bit of a refresh of knowledge and use react and styled components for this one. Overall, didn't turn out perfect when it comes to the visual side of the project, but I am fairly happy with the functionality.

Any and all advice on how I could improve on various parts is always appreciated though :)

Recently finished the JavaScript30 course, so this is a perfect practice so see if I learned anything.

Did run into some issues with timing the text change, tried using setTimeout() to delay it by half of the length of animation so it changes while items are invisible, but not much luck there and it would just delay the entire sliding animation instead.Also added a couple more testimonials because it was hard to tell whether both buttons were working with only 2 (just ignore the placeholders).

As usual, any potential advice is highly appreciated :)

This was a deceptively challenging one. When I saw the designs, I figured this can't be that bad. And then when I started I found multiple wrappers for text, images going outside the container on different screen sizes and god knows what else. Will be definitely revisiting this project in the future once my layout skills improve.

Until then, any and all tips you might have to offer are highly appreciated :) Especially for making the image go outside it's container.

Here we go again. It's 'mostly' functional, but I definitely do need some extra practice working with css toggles. That and better HTML layout skills, everytime the project goes over a 100 lines, I end up adding a bunch of redundant code and it feels messy. If nothing else, I'm starting to see why css frameworks are so popular.

Once again, any and all advice on anything you can think of are highly appreciated :)

First non-newbie project, definitely felt an increase in difficulty with this one. Trying to figure out how to switch themes took quite a while. I think I got it though, although the code did get a bit confusing along the way. As usual, and tips on general code quality or anything that could be improved are highly appreciated :)

First submission after recovering from COVID-19, decided to give grid a shot for this project. Not entirely familiar with it yet, so any tips and advice on how I could do things better are always appreciated :)

Thanks in advance!

Made a few improvement compared to the last form validation project. The error should disappear if the valid input is entered as well as used mobile first media queries for better performance.

I'm not fully familiar with that workflow yet, so once again any and all advice is always welcome and highly appreciated :)

So this was interesting. I'm quite new to working with JavaScript, so a lot of the code took way longer than it should have. But (I think) I got it to work. Also learned about Sass mixins, so gave those a shot to deal with the shadow effect. Once again, any and all tips and advice are greatly appreciated :)

This definitely felt a fair bit tougher than the previous ones I did. On top of that, I took a break in the middle of this project and the code got out of hand really fast when I came back. Any comments/advice/tips on general code quality (and inevitable redundancy I'm sure) are always appreciated :)

Trying to get the height correctly was more challenging than I thought it would be. Also, the main image doesn't seem fully responsive on my side. Once again, any tips and/or advice is always highly appreciated. Thanks in advance :)

*Also, if someone could clue me in on what HTML validation is giving me issues, I'd appreciate it as well. It says style tags don't need a type attribute, but the thing is, there are no style tags in my website. Could it have something to do with the FontAwesome icons I'm using?

I've been looking up ways to make responsive websites during this project and found that vw and vh units can be good, so decided to give them a shot. They seem to do the job, but if anyone more experienced could take a look and maybe offer some tips and/or advice, I'd highly appreciate it :)

*Also it seems like the design preview ate the bottom of my page where the copyright info is?

Any feedback/advice/criticism on general code quality is always appreciated.