News mobile app

255 developers have joined this project.

What you will practice

You'll practice building multi-screen apps that consume an external API, opening web URLs within an app, and using & securing an API key.

Introduction

You'll build a mobile app to consume the News API and display a list of news articles. Clicking one of the news articles will open the news article within the app.

Depending on your experience, this project might take between 15 to 20 hours.

Requirements

When the user opens the app, they should see a list of news articles. Each news article should have the following details:

Source of the article (e.g. TechCrunch)
Author of the article (e.g. Mark Johnson)
Title of the article
Subtitle of the article - this shouldn't exceed 2 lines and should be truncated if it does
Published date in the format MM/DD/YYYY (e.g. 12/02/2020)
Image for the article provided by the News API

When the user clicks on a news article, open a new screen in the app and show the news article in that screen using the URL provided by the News API. It's important that you avoid opening the news article in a separate web browser and taking the user away from the app. This ensures that your mobile app provides a more immersive experience to the user.

For an extra challenge: Think about how you'd securely store the API key. How would you protect the API key from being stolen from malicious sources when your codebase is on GitHub? Implement a secure way to store an API key.

Suggested Implementation

This project should be implemented as an Android, iOS, or cross-platform mobile app.

Flutter with Dart (cross-platform)
React Native with JavaScript (cross-platform)
Swift (iOS)
Kotlin or Java (Android)

References

Hit a programming wall?
Get help from our mentors

Post request free
First 15 mins free

Suggested languages and frameworks

DartReact Native SwiftFlutter

Difficulty

medium

Contributed by

Bapusaheb Patil

Mobile Engineer @ Softway • Google Certified Android Developer • IDF Certified UX Designer

Interested in this project?

Shorten your learning curve with on-demand programming help

The awesome set of verified mentors will provide guidance and mentoring help when you are stuck.

Suresh Atta

Post request free
First 15 mins free

Shorten your learning curve with on-demand programming help

Other recommended projects

medium

My favorite YouTube videos mobile app

A typical mobile app often contains essential features including screen navigation, pulling remote data with RESTful API, and authentication.

React Native

medium

Tinder style swipe mobile app

You’ll create a mobile app with a swiping mechanism similar to dating apps like Tinder. Users can swipe left (dislike) or swipe right (like) on images downloaded from the Unsplash API. Through this project, you will learn both the programmatic approach and Storyboard approach to build mobile applications. You will also learn to achieve modularity and reusability with your code.

KotlinSwiftJava

hard