Skip to content

Moez-lab/NewsApp-ReactNativeExpo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

4 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

πŸ—žοΈ React Native News App (Expo)

A modern mobile app built with React Native and Expo that lets users search and browse the latest news using a live News API. It provides real-time updates, clean UI, and responsive design optimized for both Android and iOS.


πŸ” Features

  • πŸ”Ž Search for news by keyword or topic
  • πŸ“° View latest headlines from trusted sources
  • πŸ–ΌοΈ Clean and minimalist UI with images, titles, and snippets
  • ⚑ Real-time news fetched from external API
  • 🌐 Uses REST API integration for live content
  • πŸ“± Built with React Native + Expo for smooth cross-platform experience

πŸš€ Getting Started

1. πŸ“¦ Clone the Repository

git clone https://github.com/yourusername/react-native-news-app.git
cd react-native-news-app

2. πŸ”§ Install Dependencies

npm install
# or
yarn install

3. πŸ“± Run the App

npx expo start

Use Expo Go on your mobile to scan the QR code and run the app.

πŸ” API Key Setup

This app uses the NewsAPI (or similar). You need an API key to fetch the news.

  1. Sign up at newsapi.org and get your API key.

  2. Create a .env file in your project root:

NEWS_API_KEY=your_api_key_here
  1. Load the API key in your app using expo-constants or react-native-dotenv

πŸ“ Project Structure

.
β”œβ”€β”€ assets/                  # App assets (icons, images)
β”œβ”€β”€ components/              # Reusable components (NewsItem, SearchBar)
β”œβ”€β”€ screens/                 # Screens like Home, Search
β”œβ”€β”€ api/                     # API call functions
β”œβ”€β”€ App.js                   # Main entry point
└── README.md

πŸ”§ Built With

  • βš›οΈ React Native
  • πŸ“¦ Expo
  • 🌐 Fetch / Axios (for API calls)
  • 🧩 React Navigation
  • πŸ’… Styled Components / Tailwind / CSS-in-JS

πŸ‘¨β€πŸ’» Author

Connect on LinkedIn

About

πŸ“± A cross-platform React Native app (built with Expo) to search and read the latest news in real-time using a public News API. Features include keyword-based search, live headlines, and a clean mobile UI.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors