All solutions

Unable to Fetch Data After Deployment

Hello everyone,

I hope you're doing well. I recently deployed my React Vite app, which was fetching data from the GitHub API during development without any issues. However, I've encountered a challenge after deployment – the app is no longer able to fetch data.

I would greatly appreciate your feedback and assistance in troubleshooting this issue. Here are some details:

• The app uses Axios to make requests to the GitHub API.
• I've set up a GitHub token using ``` import.meta.env.VITE_GITHUB_TOKEN````.
• The app was working perfectly during development, but the data fetching issue surfaced after deployment.

If you have any insights or suggestions on what might be causing this problem, or if there are specific areas in my code that I should review, please let me know. Additionally, if you have encountered similar issues or have best practices for handling API requests in a production environment, I'd love to hear your thoughts.

Thank you in advance for your time and assistance!

Best regards, Ann.

How can I add an appropriate media query for the mobile version? I'm unsure about my code for the different image application. Please give feedback on how I can improve.

 <picture>
        <source media="(max-width:768px )" srcset="images/image-product-desktop.jpg">
        <source media="(min-width:375px )" srcset="images/image-product-mobile.jpg">
        <img src="images/image-product-desktop.jpg" alt="Perfume">
  

##First project. qr-code-component-main.

Please tell me how I can improve. My biggest challenge was Layout and Positioning: especially positioning of the QR code component. I finally managed by following the CSS Flexbox guide.