Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted


    Hi there 👋

    I have built this sign up page using React JS, Chakra UI, Formik and Yup. This is a simple challenge(using JS), so to challenge myself I worked on this using Chakra UI, Formik and Yup which I'm using for the first time. I have learned and built the sign up page simultaneously. I ignored some minute design requirements of the challenge(like displaying the text in red color in form fields if the have errors) and focused on learning. Go through my code and solution and leave your valuable suggestions for me.

    Happy cooding :)

  • Submitted


    Hi there 👋

    I have built it using React JS. Currently I'm a beginner in React JS. So, please drop any suggestions you have regarding my solution, which can will help me in improving myself.

    Happy Coding 👨‍💻

  • Submitted


    Hi there 👋

    This is my third challenge using Tailwind CSS. I'm just getting started with Tailwind. I tried to solve this months before but couldn't using CSS. I feel like Tailwind made my life easier to solve this 😅. Please drop any suggestions you have (like regarding code, responsiveness etc.).

    Happy Coding 😃

  • Submitted


    Hi there 👋

    I tried to solve it using Tailwind CSS to get comfortable as I am just getting started with it. This is my second challenge using Tailwind so please drop any suggestions and also point out the mistakes if you find.

    Happy Coding 😃

  • Submitted

    QR code component

    #tailwind-css
    • HTML
    • CSS

    1


    Hi there 👋

    May be this is the easiest challenge on Frontend Mentor 😅 coz I have built it within 1 hour. I tried to solve it using Tailwind CSS to get comfortable as I am just getting started with it. This is my first challenge using Tailwind so please drop any suggestions or helpful articles to improve and also point out the mistakes if you find.

    Happy Coding 😃

  • Submitted

    Advice generator app

    #react
    • HTML
    • CSS
    • JS
    • API

    1


    Hi there 👋

    I took a little bit more time than expected as this is my first react mini-project. I gave my best shot here, but love to get more suggestions from the community regarding my approach, improvements etc. Please leave your valuable suggestions for me.

  • Submitted


    After a long gap I'm back to frontend mentor as well as frontend development. I thought of working on a newbie challenge and complete it ASAP. I didn't try to make an exact copy, instead I wanted to make it a good working one and gave some personal touch to the design, which is not an exact copy but a acceptable(maybe) one.

    But I think, yet there must be something to improve in this. So, please do leave your suggestions if you have any.

  • Submitted


    Hi frontend mentors !👋 I have really enjoyed working on this project. I got to learn something new like Leaflet.js while working on this app. I couldn't use the API suggested by frontend mentor as it's allowing only limited requests. Instead, I used IP API to fetch the data.

    I have made few additions to the app like

    • A popup showing location's IP address
    • A modal displays error message if the user enters invalid IP address

    Hope you like my work 😃. Please leave you feedback and suggestions in comment window and ⭐ the github repo if you like it. Thank you. Happy Coding! 👨‍💻

  • Submitted


    I have hardcoded dimensions of columns to keep them consistent on all devices. I am completely new to SASS. I tried my best to solve this challenge using SASS. Please suggest me where and how to use SASS efficiently. I have spent more time on responsiveness, any suggestions about it are welcome.