Newsfeed application fetches news articles from an online news feed API (https://newsapi.org/) and displays them in a user-friendly format. The app features a main screen with a list of news article headings, images.

0. Prepare Project Structuree, Dependecy Management, Build System, Linting System, and Application Configs.
1. Build a navgiation stack map
2. UI Breakdown to components (core components, navigation, layouts, pages)
3. Build components library (core building blocks of the app - under src/components)
4. Build a styling system using styled-system (including theme and global styles - under src/styles)
5. Add styling to core components
6. Build screens components (responsible for common layouts between pages - under src/screens)
7. Build stacks of the app (under src/stacks)
8. Add global state (using Redux Toolkit - under src/state)
9. [Coming Soon] Add animations (using RN Animated)
10. [Coming Soon] Unit Tests and Mocks.
11. [Coming Soon] Performance Optimization
12. [Coming Soon] Add Security Layers

1. Typescript
2. React Native
3. Styled System
4. Redux Toolkit

Note: Make sure you have completed the React Native - Environment Setup instructions till "Creating a new application" step, before proceeding.

# 1. clone repository
git clone https://github.com/OmarRamoun/contacts.git

# 2. change current directory
cd contacts

# 3. Install all Dependencies
yarn install

# 4. Build Icons
yarn icons

First, you will need to start Metro, the JavaScript bundler that ships with React Native.

To start Metro, run the following command from the root of your React Native project:

# using Yarn
yarn dev # check package.json for more info

Let Metro Bundler run in its own terminal. Open a new terminal from the root of your React Native project. Run the following command to start your Android or iOS app:

yarn android

Note: fore iOS, make sure to cd ios and pod install first.

yarn ios

If everything is set up correctly, you should see your new app running in your Android Emulator or iOS Simulator shortly provided you have set up your emulator/simulator correctly.

👤 Omar Ramoun

• GitHub:
• Twitter:
• LinkdIn:

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Give a ⭐️ if you like this project!