All solutions

Hello Frontend Mentor Community,

About a year ago, I tackled this challenge for the first time, dipping my toes into React. I tried to add features like a cart, dark theme, and image slider with fancy animations, but let's just say it was a learning experience!

Fast forward to now, and I'm back with more experience under my belt, ready to give it another shot. Here's what's new:

• A dark theme that sticks around, even when you close your browser.
• A slick Dark Theme that changes the look.
• An Image Slider that's not just pretty but has cool animations.
• A much better Cart Functionality.

I'd love to hear your thoughts and suggestions. Thanks for being awesome!

Cheers, SameerJS6

Hello Frontend Mentor Community,

• I completed this challenge a while ago, but due to some reason, I forgot to upload it here.
• This challenge was fun and tough.
• The error handling and the birthday calculation logic were a bit tough.
• However, I have now uploaded the solution and would like to share some additional features that I have added:

1. Custom Animations.
2. A Custom Background Pattern Animation.
3. Floating Labels for suitable devices (similar to Google's).

If you have any feedback, please feel free to share your comments.

Thank you.

Hello Frontend Mentor Community,

I completed this challenge a while ago but due to exams, I forgot to upload it here. However, I have now uploaded the solution and would like to share some additional features that I have added:

• I have included a "Clear" or "Clear All" button, depending on the number of shortened links in the inbox.
• To improve user experience, I have utilized the browser's local storage to store all the shortened links for future use cases.
• I have added a minor but subtle hover animation to the links.
• I have removed the button in the navbar which was included in the design, as I felt that it did not fit the overall design.

If you have any feedback, please feel free to share your comments.

Thank you.

Hello, Frontend Community,

This is my official solution for the Result Summary Component. This challenge was fun to do as it only involved CSS and the UI was quite beautiful.

I added some extra features to make it even cooler, such as:

• SVG icons for titles and buttons
• A background pattern to give the body some texture
• A gradient animation for the result container and circle
• A loading animation to make it more interactive.

If you have any opinions or feedback, please leave a comment. Thanks for checking it out! SameerJS6.

Hello Frontend Community,

I present my solution for the Advice Generator Challenge. I wanted to make it both visually appealing and interactive for users, so I added a few customizations. These include:

• A new color scheme
• A background cube animation
• A slide-in animation on load.

As always, I am open to receiving feedback. Thank you! Best regards, Sameer

Hello Frontend Mentor Community,

• I took on this project to practice my GSAP animation skills and it's safe to say that I still have a lot to learn.
• However, I was able to animate the site using GSAP.
• Also, If anyone knows how to fix the weird image problem that occurs when changing the image using the arrow button, please let me know.
• I tried to find the solution but wasn't successful.

In addition to the animation, I also added:

• A ripple effect on all the buttons when clicked
• Changed a few images

Feedback is welcome. If you know how to fix the mentioned problem, please let me know in the comments. Thank you.

Hi Frontend Community,

• I was really excited to work on this project because I love websites with lots of images and grids.
• Also, this was my first time using GSAP to animate the website, and it was a bit challenging at first.
• Although I managed to make it work, there is still a problem with the image gallery in tablet view.
• It doesn't animate properly above the footer section. If you're familiar with GSAP, I'd really appreciate your feedback so I can resolve this issue. Thanks!

Hi Frontend Mentor Community, this is my solution for the Interactive Card Detail Component.

• I saw this challenge a really long time ago, back when I was starting with CSS, and today I completed it using React.

• I had fun making this one and also added some extra animations to it to make it more interesting.

Thank you, Feedback is welcome, Sameer

My first time using react and build this for the first timer. Feel free to post feedback and also give your opinion. Also added some Intro Loading Animations and Gradient Background Animation. In this one, I used chartJS to make the charts using provided data.json.

~~Thank You~~

SDSADGGSDSDDSHGHDGASDSSDDGGDSDSDGDGDGGDGDSDSDDSDSDDSDSDSDSD

SORRY FOR THIS HAD NOTHING TO WRITE SO THE ABOVE THING .................

     BYE

DHDUH; SDKLHJD

SDSADGGSDSDDSHGHDGASDSSDDGGDSDSDGDGDGGDGDSDSDDSDSDDSDSDSDSD

SORRY FOR THIS HAD NOTHING TO WRITE SO ABOVE THING .................

         BYE

DHDUH; SDKLHJD

Enjoy the Design and Colors of this lads.!!

Open For Feedback and If possible please check out my GitHub Repo. Kkkk

Thank You!!! Bye

👾 Hello, Frontend Mentor coding community. This is my solution for the challenge Calculator App.

This is a solution for the Calculator App and also my first time building a calculator too. I did some improvements in the code, but I still believe there are many things to improve, So if you see any mistakes Kindly share your feedback. And it's a bit different from the given design so.

Also, I've added some extra features too:-

Added a Percentage Calculating Button Added More color to the Operation Button Intro Animation for almost everything Ripple Effect on Buttons

Feel free to leave any feedback about my design chances and help me improve my solution or make the code clean!

PS: I'm aware of the accessibility errors.

Hello, Frontend Mentor coding community. This is my solution for the challenge Product Preview Card.

This is an old solution and I've applied some customization. I did some improvements to the code, but there are many things to improve.

--Rotating Cart/Button Hover Effect --Intro Smooth Sliding Animation

Feel free to leave any feedback about my design chances and help me improve my solution or make the code clean!

I am all open to your feedback.

This took me approx. 3-4 weeks of time. This looks a lot easy but it's too difficult to build. Like there are too many little things that make it a difficult challenge.

Go on then, and give your feedback on this. Took me around 1.5 hours to build this with animations. So, Please tell me how is it ?!....