Enhance Image Display with API Integration

[Baig-fatema]

Enhance Image Display with API Integration

Background

Currently, the app displays a static image using the following HTML element:

<img src="https://images.pexels.com/photos/185801/pexels-photo-185801.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=600" alt="0" style="width: 375.225px;">

Proposed Enhancement

To enhance the user experience, I propose integrating an API that can fetch a variety of images related to anxiety relief. This will allow users to view different calming images, making the app more dynamic and engaging.

Suggested API

• Pexels API: It provides a large collection of free stock photos. Here’s the documentation.
• Unsplash API: Another excellent resource for high-quality images. Documentation available here.

Benefits

• Dynamic Content: Users will see new and varied images each time they use the app.
• Improved User Engagement: A fresh set of images can keep users interested and provide them with different visual stimuli for anxiety relief.

Implementation Details

1. API Key: We will need to sign up for an API key from the chosen image source.
2. Fetch Images: Implement a function to fetch images from the API and display them in the app.
3. User Interface: Consider creating a gallery or slideshow for better user interaction.

Potential Challenges

• API rate limits
• Handling errors in fetching images
• Ensuring images are relevant to anxiety relief

[github-actions]

👋 Thank you! Welcome to the project! Please follow these guidelines for smooth collaboration:

1. After completing a task, add your name and details to the Contributors Table/List.
2. Attach relevant screenshots or videos of your contribution for transparency.
3. Tasks are assigned on a first-come, first-served basis.
   • Avoid spamming requests for already-assigned tasks.
   • Respect the queue and wait for new tasks.
4. Propose New Ideas: Discuss new features or suggestions in the "Ideas" channel before starting work.

[Baig-fatema]

Hi @Amna-Hassan04 ,

I’d like to take on this enhancement as part of my participation in GSSoC 2024 as an extended open-source contributor. I believe integrating an API for dynamic image fetching will greatly enhance the user experience of the anxiety relief app.

Looking forward to collaborating on this!

Best,
Baig-fatema

[Amna-Hassan04]

I like the idea, I am assigning u this and do make a discussion idea post on this, to disscuss what and how many images will be used etc, and also keep on updating me if you run into a problem.