All solutions

Finally completed this challenge 🥳🥳🥳

Anyone is welcome for feedback or Rating 👍👍

This was so far the hardest challenge i took from FrontEndMentor, Not just because there are a lot of functionalities in the app, but also because i completed the challenge using react

I had a hard time in:

• Adding the Drag-to-Reorder feature.
• Designing the gradient border.
• Deploying the react project to github pages.

👾 HELLO FRONTEND-MENTOR COMMUNITY

This is my solution for the Landing Page Form challenge 🥳, I added these features:

Responsive design. Interactivity to mouse and keyboard events. Interactivity to errors. Card (Front & Back) Change when user types his info. I'D BE HAPPY TO HEAR ANY FEEDBACK OR SUGGESTION

👾 HELLO FRONTEND-MENTOR COMMUNITY

This is my solution for the Landing Page Form challenge 🥳, I added these features:

• Responsive design.
• Interactivity to mouse and keyboard events.
• Interactivity to errors.
• Card (Front & Back) Change when user types his info.

I'D BE HAPPY TO HEAR ANY FEEDBACK OR SUGGESTION

ANY FEEDBACK IS APPRECIATED

I have just completed the calculator app, It was an exciting experience:

• I learned more about using display grid.
• I learned how to use classes to create a theme changing feature.

I had a hard time:

• Making the web app look as close as possible to the design.
• Making the website responsive.
• building the logic behind the calculator.

Hello fellow devs 👋, Please drop by and rate my work, I just completed the IP Address tracker web app, It was a good experience, I learned how to effectively deal and work with APIs,

In this challenge:

• I recreated the IP Address tracker web app.
• Created a map using leaflet JS.
• Used the IPIFY API to get real-time data about the inputted IP.
• Processed the data and added it to the DOM.

The hardest part about the challenge was:

• learning how to use leaflet JS.
• customizing the map.
• making the app responsive.

Hello Fellow Devs 👋, Any feedback is appreciated 😁, Just finished the easy bank landing page challenge, I tried to challenge myself by completing the website using react JS, it turned out to be harder than I thought. In this project, i:

• Used ReactJS to organize the website content into multiple sections .
• Used SASS the same way to style the website.
• Made the site mobile-compatible.

I had a hard time with:

• Linking the CSS file inside the React application.
• Finding out how to preview my webpage in github pages.
• I couldn't find how to change the title of the webpage in react.

Hello fellow devs This challenge was an exciting one. I used HTML, SASS, and JavaScript to create a rock paper scissors game. The hardest part of the projects was the designing process, I had difficulties making the website responsive to different device sizes, plus making the game button was tricky, I had to resort to Stack Overflow to learn how to make them look like the given design.

It was fun doing the challenge, and i recommend it to devs with intermediate experience and above.

While doing the challenge i faced a few ups and downs

The issues being:

• Couldn't make the main image change the src attribute when resizing the window.
• main image overflows or turns too small when resizing the window.

The solutions:

• I used the picture tag in my html, which works better than the img tag's srcset attribute for a responsive image.
• used flex basis and width property to make the image look good on different screen sizes.