Please create a mobile app based on below name and description. The app should be designed with mobile-first principles, optimized for responsive for mobile devices.
Name: Pi News Description: Build a responsive, scrollable news aggregator app focused on all Pi Network related news (both official and unofficial) from all possible sources — Google,Facebook, X, Instagram and others.
Loading...
Features & Functionality:
At the very top: App Name (e.g., "Pi News") — always visible and clickable. 👉 Clicking it should return to the main (first) page of the news feed.
Below that, a disclaimer (in smaller text): "We do not verify the accuracy of any news. We only display official and unofficial news related to Pi Network. Please verify independently."
A Sort By dropdown should appear above the news feed, with the following options:
Most Liked
Most Disliked
Newest First
Oldest First
News items displayed in a scrollable list with pagination — 5 items per page
Pagination at the bottom (Page 1, 2, 3…)
Users can switch pages by clicking numbers or swiping left/right
Each news item includes only the following:
📷 Thumbnail image (if available)
📰 Headline/title
📃 2–4 lines of summary text
❤️ Like button & 👎 Dislike button (with count) — shown below each news item
🔗 Plain text URL (reference) at the bottom
👉 Tapping/clicking a news item opens a new page showing the full content of the article
The new page should display:
Full title
Full image (if available)
Full article content
Plain text clickable reference link at the bottom
No other options (no comments, no share, etc.)
App auto-fetches latest news every 5 minutes from all possible public sources
If no new news is found, the existing list remains unchanged
News must not duplicate already displayed content
A Refresh button (🔄) at the top-right reloads the latest news manually
Theme: Purple and White
Minimalist and modern design
Touch-friendly layout for mobile (with swipe support) and click-friendly for desktop
No comment, share, bookmark, or extra buttons
✅ Summary of Key UX Rules:
✅ Clicking a news item opens a new page with full content and reference
✅ Like/Dislike shown below each news item only
✅ Reference is shown as a plain clickable link (no “Read more” or extra text)
✅ Clicking the app name on top always brings the user back to page 1
✅ Sort By options: likes, dislikes, newest, oldest
✅ Pagination with 5 items per page, swipeable or clickable
✅ Design color: Purple & White
I've completely rebuilt the Pi News app according to your exact specifications:
🏠 Header:
📊 Sorting Controls:
Sort By dropdown with all 4 options:
📰 News Feed (Main Page):
Each news item shows:
📖 Detailed View:
🔄 Update Mechanism:
🎨 Design:
📱 Navigation:
The app now perfectly matches your specifications with a clean purple and white design, proper pagination, sorting functionality, and detailed article views!
All Like 👍 and Dislike 👎 counters must start from zero.
Each user can vote only once per news item.
Only one option can be active at a time:
If a user taps Like, Dislike is disabled.
If user later taps Dislike, Like is removed and Dislike is added (+1, -1 logic).
Votes are stored only in this app, not fetched from external sources.
Tapping/clicking on a news item should open a new full page.
That page must include:
Full title
Full image (if available)
Full article content
A plain clickable reference link at the bottom (no extra text or label).
Add a language dropdown (top-right) to translate news articles into any language, including Farsi.
Use auto-translation for both title and content when selected.
Center the app name/title at the top of the page.
Improve design aesthetics — make it highly modern and visually appealing:
Soft gradients
Rounded corners
Smooth animations
Clean typography
Purple and white color scheme
Reduce the auto-fetch interval from 5 minutes to 2 minutes.
The app must continuously and actively scan all available public web sources and APIs for any Pi Network-related news.
Include all types of news — even unofficial, user-posted, or social media content.
When no new news is found, keep previous news unchanged.
When new news is found, append it to the top, without deleting older content.
Older news should always remain accessible via pagination (Page 1, 2, 3...).