NewsFeed

that's an app with the following features: PS: it's not perfect and needs many modifications

• The app has a main screen that shows a list of News article headings + picture in a Navigation
• clicking on a heading opens a detailed screen with the whole news text, bigger picture and meta data as author, create date etc
• the data for the news is fetched from online news feed (example https://newsapi.org/ )
• on top of main screen, there is a Search field, that will dynamically filter the news by the typed word
• the main screen has a Pull to refresh functionality that updates the news on screen
• Used Typescript for the app
• Added Multiple languages support: English and Arabic
• Introduced a bottom tab menu with 2 Menu items: "News" and "Settings"
• Has a language switcher in the Settings, that changes language Realtime or with App restart
• Add dark mode support for the application with different colors for dark background and light text
• App style dynamically updates on changes from light to dark mode and not require full restart
• Add support for deep linking

In order to try Deep Links to the app, try:

for Settings screen: npx uri-scheme open "exp://127.0.0.1:19000/--/NewsBottomTabs/Settings" --ios

for Main News screen: npx uri-scheme open "exp://127.0.0.1:19000/--/NewsBottomTabs/News" --ios

Video:

Screen.Recording.2023-05-27.at.10.51.31.PM.mov

Screen.Recording.2023-05-27.at.10.55.36.PM.mov

IOS lightmode:

IOS darkmode:

Arabic Localization:

Andriod: