All solutions

Hi everyone! So, this time I decided to try something really challenging!

More practice with React hooks (useState) and also tried for first time CSS Tailwind and I'm just falling in love 😍

Also added more challenges for myself and build filtering with only Vanilla JS 😬 Not sure that my solution of fetching data from json with Vanilla JS is the best solution for a real life application, but just for practicing that was incredibly challenging and I learn a lot by doing it only with Vanilla JS.

Vanilla JS Repository URL: https://github.com/ALapina/Job-listings-with-filtering-JavaScript

Vanilla JS Live Site URL: https://alapina.github.io/Job-listings-with-filtering-JavaScript/

Feedback is super welcome! So I can learn and grow as a developer ^^

Project was built with maximum accessibility in mind. Go and try clicking and tabbing through buttons! You even can try voice over!

Also, check out how I use pseudo-class :focus-visible to remove focus outline on mouse click on button, but add and make it visible on tabbing through buttons.

I build two variations - first with simple Vanilla JS and second with React. For a small component like this React is probably overkill, but as a complete beginner for me it was challenging and I learn a lot about React with hooks!

Repository URL for React solution: https://github.com/ALapina/FAQ-Accordion-Card-React

Live Site URL for React solution: https://alapina.github.io/FAQ-Accordion-Card-React

Decided to give myself a little challenge and made slider interactive with input range and JS to change background color based on the thumb position.

Hi! I'm a complete beginner in frontend and this is my first completed challenge. So I would be happy for feedback. What do you think? What is good in my solution. And what's needs to be improved.