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.
- π 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
git clone https://github.com/yourusername/react-native-news-app.git
cd react-native-news-appnpm install
# or
yarn installnpx expo startUse Expo Go on your mobile to scan the QR code and run the app.
This app uses the NewsAPI (or similar). You need an API key to fetch the news.
-
Sign up at newsapi.org and get your API key.
-
Create a .env file in your project root:
NEWS_API_KEY=your_api_key_here- Load the API key in your app using expo-constants or react-native-dotenv
.
βββ 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- βοΈ React Native
- π¦ Expo
- π Fetch / Axios (for API calls)
- π§© React Navigation
- π Styled Components / Tailwind / CSS-in-JS