sketchomania / news-app

A news app to show and search news of different categories. Made with React Native, Typescript and News Api.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

News App

A news app to show and search news of different categories. Made with React Native, Typescript and News Api.

⭐ Features

  • Bare React Native
  • React Native Typescript Template
  • Tab Navigation installed
  • Tab Screens
  • See treding news categories
  • Search news by categories and topic
  • Search news by input term

⚒️ Tech stack

⭐ Get Started

React Native Setup

make sure to have setup development environment

📍 Setting up the development environment

# clone
git clone https://github.com/sketchomania/news-app.git
# install dependencies
npm install

# Or use `yarn`
yarn install

Add config file at src/config/config.ts and paste the following

export const CONFIG = {
  API_KEY: 'your_api_key',
  ENDPOINT: 'https://newsapi.org/v2/',
  COUNTRY: 'your_country',
};

Run project

# run project
npx react-native run-android

Screenshot

home screen health screen business screen
search screen search screen search screen

🚀 Contribute

Contributions are most welcome in this project be it reporting an issue or sending a pull request.

Some of the things you could help with currently are -

  1. Improvements
  2. Adding features
    • You can add useThemes()
    • Splash Screen can added
    • Dark mode can be added

About

A news app to show and search news of different categories. Made with React Native, Typescript and News Api.


Languages

Language:TypeScript 38.9%Language:Java 28.4%Language:C++ 13.1%Language:Objective-C++ 8.0%Language:Objective-C 4.3%Language:Ruby 3.0%Language:JavaScript 1.9%Language:Starlark 1.1%Language:Shell 0.9%Language:CMake 0.5%