Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement Article Detail Page with Web View #18

Open
raphacmartin opened this issue Oct 16, 2024 · 0 comments
Open

Implement Article Detail Page with Web View #18

raphacmartin opened this issue Oct 16, 2024 · 0 comments

Comments

@raphacmartin
Copy link
Owner

Description: Create an Article detail page that displays the original article in a web view when a user selects a headline from the list. The app will load the URL provided by the backend, allowing users to read the full article directly from the source site. The Article detail page will include a back button to return to the headlines list.

Technical Details:

JSON Structure for a Headline:

{
    "source": {
        "id": null,
        "name": "Wccftech"
    },
    "author": "Hassan Mujtaba",
    "title": "AMD Ryzen 7 9800X3D 3D V-Cache CPU Offers Much Higher Clock Speeds Than 7800X3D But Will Be Expensive, Retail Launch In Early November - Wccftech",
    "description": "AMD's Ryzen 7 9800X3D 3D V-Cache CPU is launching soon, and from the looks of it, the chip will be a strong gaming product.",
    "url": "https://wccftech.com/amd-ryzen-7-9800x3d-3d-v-cache-cpu-higher-clocks-than-7800x3d-expensive-launch-early-november/",
    "urlToImage": "https://cdn.wccftech.com/wp-content/uploads/2024/10/AMD-Ryzen-9000X3D-3D-V-Cache-CPUs-Ryzen-9-9950X3D-Ryzen-7-9800X3D-Gaming-Performance-Leak-_Main-1.jpg",
    "publishedAt": "2024-10-15T07:40:00Z",
    "content": "AMD's Ryzen 7 9800X3D 3D V-Cache CPU is launching soon, and from the looks of it, the chip will be a strong gaming product but will come at a high price.\r\nWe have seen a couple of leaks of the AMD Ry… [+3108 chars]"
}

Acceptance Criteria:

  1. The Article detail page displays the original article in a web view when a headline is selected.
  2. The web view successfully loads the URL provided in the JSON object under the url field.
  3. If the URL is invalid or inaccessible, the app shows an appropriate error message to the user.
  4. The back button on the Article detail page allows the user to navigate back to the headlines list.
  5. Users can interact with the article in the web view (scrolling and zooming).
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant