Skip to content
Submitted over 2 years ago

ReactJS, TailwindCSS and Axios

axios, react, tailwind-css
itsKrish01•420
@Itskrish01
A solution to the URL shortening API landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I am excited to share that I have completed this challenge of link shorter web applications, I developed it using the ReactJS library. One of the key features I incorporated into the app was animation, which I achieved using the Framer Motion library. This added a visually engaging touch to the user interface, making the app more interactive and engaging. Additionally, I integrated data fetching using Axios, allowing for real-time updates and seamless data integration. I put a lot of effort into developing this application, and I would love to hear your feedback. Please feel free to share your thoughts and suggestions on how I can improve the app.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • P
    visualdennis•8,375
    @visualdenniss

    Hey there,

    great job using variety of tools to complete this challenge!

    When resizing (e.g. browser width: 610px) the navigation button does not work as it is not clickable. It becomes only clickable when resized further to smaller mobile size. I noticed this problem is caused because the illustration of the image is sitting on top of it. It might seem like light colored background shape of the image is below the menu, giving the illusion of it cannot cover the menu, but in fact image is a big rectangle, so even its transparent parts are still taking up space. You might consider fixing that, one way could be decrease the z-index of container div of the image with { position: relative; z-index: -1; }

    Hope you find this feedback helpful!

    Marked as helpful
  • itsKrish01•420
    @Itskrish01

    Hello,

    I appreciate your feedback regarding the menu button and the header Image. I understand that it is not functioning properly on the tablet screen but is working on the mobile screen. I am aware of the issue and I know how to resolve it. Thank you for bringing this to my attention.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord