All solutions

"Experience an engaging and visually appealing web application that fetches random advice from an API and presents it on a beautifully designed page. With each click of the 'Get New Advice' button, not only will you receive fresh words of wisdom but also witness the background color of the page dynamically change, adding a touch of excitement to your browsing experience. Built with Next.js and Tailwind CSS, this interactive advice page is sure to captivate and inspire you. Try it now and embrace the power of wisdom and aesthetics combined!"

Any guidance related with data.json integration in the front end part with available tutorials will be great

Finally completed this landing page using react and lot of other extra added features. Note: Please click on the logo sunnyside once you open the live to visit the homepage. Implemented React components using material UI where possible with React router to different pages such as Contact & Coming soon page. Used Basic Formik in Contact page. Then applied Animation on Scroll on home page with react loader. In conclusion tired to implement Dark/Light theme for text component. If any one has any feedback to take it to the next level please drop your comment. Thanks in advance👍

Any feedback to take it to the next level is highly appreciated.

I couldn't really get the idea of how to make the eye of hover full opacity and make background color around 50% Could anybody suggest some ideas how to implement this. Thanks in advance!

Completed the challege after long time, learned a lot in between. So, any feedback provided will be great to take it to the next level

Thanks for the great community, I am learning a lot, getting lot of inspiration from others sites and code. Any feedback to take it to the next level is highly appreciated. Thanks to @tediko and other for inspiration on dark mode and others.

Thank you for your feedback in advance.

Finally, completed the slider using Vanilla JS, It was awesome getting some of its grips.. This site works well for the Desktop version... Improving the layouts on the mobile version... Any feedback from the community is highly appreciated to make this much better and easier for buttons.

Hello 👋, I finished another JS form validation challenge which really gave me a good insight on client side form validation. My question is how do we add regex for email check where it also checks for .com or others thank you for your feedback in advance.

Hello 👋, This is my second JS challenge, I finally completed the challenge but I do I an issue and need some valuable feedback which is whenever the input value is backspaced the form size seem to grow and I could not find the real cause behind it. Also for the ````error-imgandborderispseudo:classa better option ortoggle``` in JS. Thank you for your valuable feedback.

This one is was one of the best interesting challenge that i completed with a lot of helpful resources. Any feedback to take this to the next level is highly appreciated. Thanks in advance.

Finally, completed this challenge where I implemented mobile-first workflow for first time plus implemented as successful JS for the first time as well. My only question is how can I make the SVG color change like white as it is black naturally, plus is there any way to make my share-icon animation any smoother at the end during second click. THANKS in advance for your valuable feedback's.

Finally completed this challenge with lots of customization ... Added Animate JS to make it more interactive. My only question is how do i make my SVG height same as the #teams container which can make this look more per design or is their any alternate ways to implement the curly background. Thank you in advance.

Accomplished the major challenge, by literally understanding the ins and outs of CSS flex-box & Grid system with :before pseudo elements... Just need few ideas to take it to the next level which is for the call to action cta how do i reset the input field once the get started is pressed plus ... I can get an idea how to make social icons and fav-icons itself hover and change color at the same time. Thanks for the great community with lots of active people giving great feedback's.

This was a pretty interesting challenge where I started experimenting JS & Animate.css into buttons plus made it responsive as possible.. Any recommendation to make the footer logo image center align all the time .. the way I did is a temporary solution .. if anyone has any best practice please provide some feedback. Thanks for your advice in advance and any suggestions to take it to the next level is highly recommended.

Hi Everyone, This was a relatively a heavy challenge... I literally made kind of a whole site this time. The thing I am mostly concerned about is the top background color to be blue and rest white but I had to do opposite as there was a bit of margin or something that made it don't touch the corner of the screen so I had to make other section white. Also the icons in the footer like the gmail icons section I applied an extra grid to align the elements as they were inline and I couldn't align them properly Any feedback to improve this is highly appreciated plus any suggestion to take it to the next level. Thanks again really love this community👍!

This was a relatively great challenge once you get the grips of CSS grid area which made it so easy. but I couldn't align the exact same heights for text even if the box size matches plus if their is any simple alternative for background positioning by not using position: absolute; And anymore feedback to take it to the next level is highly encouraged! 👍 Thanks for making a great community.😊

Couldn't make the bottom box in mobile and tab version responsive but updated the solution to make it more better. Any feedback is highly appreciated. Thanks in advance.✌

It was quite fun to do this challenge as flexbox made it easy to accomplish the responsiveness. Added Animate.css on images for bit of style. Any feedback to take it to the next level is highly appreciated. Thanks in advance for this great community 👍.

I accomplish Responsiveness using CSS Flex-box for most of the content Thanks to @tediko for helping with my problem of social-icons. This is such a great community.✌

It was a not getting the best ways to make it responsive and made it as fluid as possible... if anyone have any best practices and recommendation to take it to the next level it will be highly appreciated. Thanks in Advance 👍😁

I successfully finished this challenge using Bootstrap 5 and Custom CSS. Any feedback to upgrade this to next level is highly appreciated. Thanks in advance ✌.