A Dev Feed News App with flutter
Read Time:1 Minute, 33 Second

A Dev Feed News App with flutter

0 0

Dev Feed

A Dev Feed News App with flutter

Dev Feed is a Flutter-based mobile application allowing to keep up with top engineering content from companies all over the world. It stemmed from my own needs to not only follow a curated list of tech-related blogs, but also play a little bit with the excellent Flutter SDK.

A Dev Feed News App with flutter

Building and running

  1. Clone the repo
git clone https://github.com/rm3l/dev-feed && cd dev-feed
  1. Build the Backend
./backend/gradlew -p ./backend build --stacktrace
  1. Run the Backend GraphQL API
java -jar backend/api/build/libs/dev-feed-api-1.3.0.jar

You can then access the GraphiQL browser by heading to http://localhost:8080/graphiql

  1. Install Flutter by following the instructions on the official website

  2. Prepare the configuration environment

Skip this to use the default Heroku Backend. Otherwise, if you have a custom Backend (either local or remote), you need to create a specific environment file (say my_personal_backend.dart) in the mobile/lib/environments folder, e.g.:

import 'package:dev_feed/env.dart';

void main() => MyPersonalBackend();

class MyPersonalBackend extends Env {
  final String baseUrl = 'https://my-dev-feed-backend-api.example.org';
}
  1. Build the mobile apps

First cd to the mobile directory:

cd mobile

If you simply want to target the default Heroku backend, just run:

flutter build apk

Otherwise, if you have a custom Backend (and its related Dart environment file) declared under mobile/lib/environments/my_personal_backend.dart, then run:

flutter build apk -t lib/environments/my_personal_backend.dart

You will then find the mobile applications built under the respective platform folders. For example, the APK for Android can be found under build/app/outputs/apk/.

  1. Install and run the APK either in an emulator or in a real device
flutter install

Or:

adb install -r build/app/outputs/apk/app.apk

GitHub

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta

Entrada anterior An animated FAB menu with 2 FAB descendants with Flutter
Entrada siguiente A Donation/Charity App made with Flutter