All solutions

What are you most proud of, and what would you do differently next time?

The reasoning part of calculation check my App.js code. It really made me love programming more.

Loved It Maahn :)

What challenges did you encounter, and how did you overcome them?

Making the Input Range to be custom style. I researched the ways of custom styling an input range that is the slide track and the thumb style.

I really understood know. Thanks, Frontend Mentor :)

What specific areas of your project would you like help with?

Would appreciate so much for some feedback and at least Give a Love to my solution :)

Thanks in Advance, Have a Nice Coding Day Ahead

What are you most proud of, and what would you do differently next time?

Used the idea of LocalStorage to store the theme color selected, So, if the site is refreshed the theme color still stays :)

Great Right?

What challenges did you encounter, and how did you overcome them?

Nothing to Say it was ITSY BITSY :)

What specific areas of your project would you like help with?

Will be just waiting for LOVE from my fellow DEVS :)

Thanks in Advance, Have a Nice Coding Ahead...

What are you most proud of, and what would you do differently next time?

Not using too much JAVASCRIPT. Atleast I have Tried :)

What specific areas of your project would you like help with?

The Dropdown icon when I hover it should change the image to drop-up icon. I have tried to use css field for image that is content: url("") but it changes all the li's for the submenu also.

So maybe A help here will be nice :)

Otherwise Thanks for the Like and viewing this :) Have a nice Coding Time

What are you most proud of, and what would you do differently next time?

Great Test, Thanks for the Free+ @frontendmentor providing the Figma design. I wanted to test the feeling of using a design sketch and developing the challenge.

Thanks Maan :)

What specific areas of your project would you like help with?

Would Love maybe some Recommendations and Fixes.

Thanks for the Likes :)

What challenges did you encounter, and how did you overcome them?

I was using Unordered List method for the social links, but I was unable to make the hover link to the full element, it was just accepting hovering to the a tag text alone.

So, I decided to use only the a tags under a div tag and then I was able to fix the issue of enabling hovering to the whole let's say the button.

What specific areas of your project would you like help with?

I would love to get to know how to use the UL method and then making sure the a tag when hovered the whole part of the link to accept hovering.

Yaap, otherwise it was a good refresher for me.

Hope you give it a Like :)

Hey there :)

It's been long tried to reimburse my frontend skills by starting with this challenge.

I loved it and also made me to learn more on Date functions... Thanks FrontendMentor.io

Used a trick of minimizing use of a lot of If-else conditions... Check it out on my repo :)

Thanks in Advance for the HEART and trying to give a FEEDBACK :)

#HaveAGreatCodingSessionAhead:)

Hey, it's me again Jumanji here :)

My Second React application project. What a perfect, nice and challenging project. Really helped me in getting more confident on React Hooks and Redux use of Store and Actions. Really Loved It, Thank you so much FrontendMentor :)

I will really recommend you as a learner in React to try this challenge out use React Library, you will thank me later 4real :)

My Challenges and where I would love to get a little help Kindly; I have used many If...else conditions especially in my components. I know but I would really love if someone can elaborate me on how I could have done by minimizing the use of conditional statements. I have done some research, but I am so fed up maan. Thanks In Advance Bro/Sis :)

Otherwise, Hope you are well and Keep coding :)

Thanks in Advance for the Love and trying to give a suggestion at least.

Hey Fella, it's your guy Juma here :)

Loved the challenge, especially the carousel slider part.

Made it highly responsive by use of basics HTML, CSS & Js.

The carousel slider you can slide from right to left on both desktop and phone viewers. Highly validation also on subscription email collection.

Hope you will love it :)

Thanks in Advance for the Love and trying to give a comment.

#CodeCodeAndCode :)

Hey There, What's up! Loved the challenge wanted to practice on the image so I think I tried on the images which was a bit tricky than others.

Would love to get at least feedback on how I could have done on the image part.

Thanks in Advance always for the Heart and also trying to give the feed :)

#HappyCodingFellas

Hey there :)

Just completed this challenge, the part am confused is on the linear gradient and the part I loved is the Email collection part.

How can I place the two gradients together to get the one like that of the challenge preview?

Otherwise, Thanks in Advance for viewing and trying to Like my solution :)

#KeepCodingKeepTheSpirit

Well, just finished this perfect challenge, helped me nature more on layering issues. Love It? Like It :)

Yeoh Whatsapp Buddy 😎

The Challenge was really really wonderful, I was just learning React and the challenge made me understood the most fundamental hooks and etc in React. Thanks, FrontendMentor, I appreciate.

I wanted an assist here kindly also, if you check on my source file there is a script.js file I tried working on the Drag & Drop feature, but I don't know why it is not picking. I will really appreciate on the assist. How I could have also done would be helpful.

Once more if you can give me a tip that I could have done in React framework to make it more logical enough, I will also appreciate.

Thanks in Advance 😍 for the Like and exetra😉

#KeepWithTheVibes #FrontendMentor

Hello there Fellow Engineers, :)

The challenge was awesome enabled me to be firmer with js knowledge.

Use of Regex and use of ternary operators was more awesome.

Would love to get a suggestion to make more improvements. Thanks, in Advance.

I hope I did it perfectly and much responsive on all mobile screens.

I didn't have a problem, if there is any idea I would have done well, kindly do let me know.

Otherwise have a nice coding weekend.

Hello Fellow Engineers, :)

The challenge took me 2 good days, one for going through the API Docs and the next day developing this maan.

I added my own Loading screen for the waiting time :)

For any changes kindly give a Feedback...

Otherwise Have a Nice Super Coding Day

Hello there Engineers :-)

My script is a bit chilly, but at least it worked...

I would love and really appreciate if I can get a support on how to make the bank card number to group in 4's....I tried my best but just submitted it due to timing challenge I was doing.

Otherwise, Thanks for Viewing, Giving a Heart and at least a feedback.

#KeepCoding_Don'tGifUp

Congrats to me :) just finished another challenge from Frontend Mentor.

I loved the challenge it mainly focused on use of Fetching and use of Filter method in JavaScript in my opinion :)

I got one main problem, I would love if someone can give me a hand here, when a user clicks a filter term in order to filter, it works perfectly but when he/she removes the filter term the page loads all the jobs again, just check it out, try and please do let me know.

Thanks in Advance for Viewing my solution, giving a Heart and also providing feedback.

Hey there :), The toggle switch was the lovely part I learned, but I tried all my best with css only like input:checked[type="checkbox"] + .annual_price{ display: none; } to change the prices when checked and unchecked, It didn't work so I just used few lines of code in the script tag.

I would love if I can get a suggestion with my code and I will really appreciate.

Thanks for Viewing, liking and also trying to give feedback.

#HaveANiceDayCoding

Hello there Beloved Engineers, Long time no talk maan :)

A great one week challenge very interesting and now I got new skills from this challenge :)

Problem I had was placing a white overlay on top of the images, I tried using after pseudo element but the image was not clickable later so I just removed it then.

Kindly, I will appreciate so much if you can do this or a just a feedback will be nice...

Thanks in Advance for Viewing this and liking the solution :)

Have a Lovely day Coding, Don't stop!....#Eat, Code & Sleep :)

Finished the challenge successfully within an hour :) The trickiest part for me here was the JavaScript but eventually I succeeded.

Hope I'll be ready for any feedback for improvements, and If I have left something kindly tell me.

Other wise Keep Coding, Keep Motivated and Don't STOP! :)

Hello engineers :) I have just finished this challenge.. I have got problems :( in:

1. The hero image is getting smaller on mobile devices, I would like to know how to enlarge it to fit the width properly like the design.

2. How to make the already shorten url to be displayed even after page is refreshed, I tried using localStorage in js but I didn't get it well on refreshed page, so I removed it.

I would appreciate so much if you can at least clarify me on one of these problems especially problem number 2, I would love this.

Thanks in Advance for liking this and trying to give feedback :)

Other wise have a nice coding session :)

My script is a bit tricky and long but VOILA :) it did the required work for the slider. But I would appreciate if someone could simplify for me by either using loop for my functions to minimize the code lines :)

Other wise Thanks in advance for viewing this and liking.

Hello There Friend, You are so Gorgeous viewing my solution :) The problem to me here was making the mobile menu after element to be sharped border radius instead of curved.

Am ready for any suggestions you can give me and I'll appreciate.

Thanks in Advance for viewing the site and Giving a Like.