Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/YusuFKaan48/News


https://github.com/YusuFKaan48/News

Last synced: 19 days ago
JSON representation

Awesome Lists containing this project

README

        

GIF Caption

The news app, designed with a minimalist approach, not only delivers global news but also offers user-friendly filters for a personalized reading experience.

# What I Used
* πŸ”¨ UI Kit
* πŸ—ΊοΈ News API (https://newsapi.org/)
* πŸ–ΌοΈ Figma

# Welcome and Onboarding part

When a user logs in for the first time, they are presented with the onboarding experience. After this initial display is complete, the user is automatically redirected to the main app upon subsequent logins. This seamless functionality is made possible through the use of User Defaults.

First-time example:

GIF Caption

Second-time example:

GIF Caption

# Pull to refresh part

When the user wants to see the latest news or reset the search results, simply pull to refresh.

Pull to refresh example:

GIF Caption

# Retrieve news for a specific country part

When you tap the world icon, a list of countries will appear, enabling you to choose the countries from which you'd like to receive the latest news. If you want to get news from all over the world again, just use the pull-to-refresh feature.

Switch the country example:

GIF Caption

# Retrieve news for a specific category part

When you tap the filter icon, a list of categories will appear, allowing you to select your preferred category for receiving the latest news. To access news from all categories once more, simply use the pull-to-refresh feature.

Switch the category example:

GIF Caption

# Search part

To start a search, click on the search icon in the tab bar to navigate to the search page. Once there, you can click on the search bar and enter your desired query. To reset the results, simply use the pull-to-refresh feature.

Search example:

GIF Caption

# Reading news part

After clicking on it to read the news, the program checks whether the URL is empty. If it is not empty, it redirects to the news page using the Safari View Controller.

Read news example:

GIF Caption