All solutions

Click the button in the middle to start the flip timer 😎

Feedbacks are welcome!

Feedbacks are welcome!

Feedbacks are welcome 😆!

I had a lot fun when working on this project (especially trying out the new tool I found for data fetching and caching 👉React Query.) The color scheme is great, the overall looks way better than the original jobs.github.com/positions 😆 LOL! If I would build a job hunting website in the future (with backend), this is something I would consider for the frontend first😎.

However, some part of the design is kind confused 🤯, e.g. there is no back button on the job detail page 👀, also there is no way to clear the job filters 😬. I hope there would be some similar projects like this in the future.

I got some 429 Too Many Requests error when working on the filters, therefore, instead of fetching new data from the request when click search, I just filtering within the cached data, and click load more will apply the filters to the new coming data as well. In such way I can reduce some requesting to avoid that error 😬.

Thanks for reading my annoying comments 😂LOL and happy coding 🙌!

Any feedbacks and suggestions are super welcome!

The todos on the list are fetching from my fake REST api endpoint. I used my json server, it is super easy to setup, highly recommended!

I used Zustand for the statement management. It just works, makes your code super clean and easy to read 🤩.

I used react-beautiful-dnd for the drag and drop function. However it sets each todo to role="button", that's why you will see those 15 HTML ISSUES 🤣.

Hope you like it and happy coding🙌!

feedbacks are super welcome!

This is my 40th project on Frontend mentor 😆!

I used some packages (formik for the form, react-countdown for the countdown, Framer Motion for the animation and so on) from the react community and I have to say, those helped a lot to speed up building this project! I think that's why people love using React because of the huge amount of packages right there to use. 😉

I think the HTML Validator might be too strict 😢, I had few errors generated by the framework itself, and I don't know if those are really errors.

Hope you like it, happy coding 🙌!

Feedbacks are appreciated!

Feedbacks are welcome!

Many of the code were written when I got drunk last night 🤣, let me know if there is any broken part 😬.

Also, by the time I'm posting this solution, the Programming Quotes API seems broken and haven't back to normal yet, the update quotes function won't work. I will look for some alternative APIs latter on, so the quote will be static content for now.

Hope you like it 🍺!

Feedbacks are welcome!

I know most of you have heard of vanilla.js, but have you ever heard malina.js 🤣? It just came out few months ago and I just saw it tonight and here is the result 🤪.

Feedbacks are welcome!

I had a lot of fun during making this project, I hope the animation matched this design 😆.

For the intro sliding animation, I just stole from one of my favorite YouTubers: https://www.youtube.com/watch?v=sN93DRYkCO8

Feedbacks are welcome!

Feedbacks are welcome!

Feedbacks are welcome!

Feedbacks are welcome!

Feedbacks are welcome!

Feedbacks are welcome!

This project is built with Sapper and I exported to the static site before deployed. All the subpages (the detail page for each country) are pre-cached by Sapper (which makes the speed of deployment super slow🤪).

I used the country code for each country's page instead of the country name to avoid validation error (some of the country names have invalid characters for url).

Also, It seems the HTML validator does not support image lazy loading 🤔

Feedbacks are welcome!

Feedbacks are welcome!

Feedbacks are welcome!

Almost pixel perfect 😆

I think there is one little bug in the testimonials section on the design file 😎.

Feedbacks are welcome!

Although the framework I used(Sapper) is still in early development stage, but it just works perfectly in this project. Highly recommended!

Almost pixel-perfect 😝

Feedbacks are welcome!

Another small project built using Svelte, hope you like it!

Feedbacks are super welcome!

One little bug I found out is that, the copy won't work within the preview window. But it will work on the actual live site: https://zzl-frontendmentor-challenges.now.sh/url-shortening-api-master/index.html

Feedbacks are super welcome!

The slick slider will generate the id attribute with an empty value, which caused the HTML validation issues. I walked through the documentation and haven't found a way to remove the generated id attributes yet. Anyone know how to deal with it?

Thanks a lot!

Feedbacks are super welcome!

Almost pixel perfect 😆.

Feedbacks are super welcome!

I used the framework svelte for the interacting of the components.