An app to show everything bus related in Singapore, including arrival times and a directory

Overview

icon NextBus SG

An app to show everything bus related in Singapore, including bus arrival times and a directory, with extra features.

Made with Flutter PRs Welcome GitHub BMAC HitCount

Get it on app store Get it on Google Play

πŸŽ† Gallery

light mode dark mode other screens

Click here to see a detailed explanation of each screen.

πŸš€ Features

Click to reveal all features
  • Show the arrival times of buses at stops near the user
    • Show a list of buses not currently in serivce
    • Show if a bus stop is also an MRT station in the search page
    • Show which all bus stops around the user are also MRT stations (needs help) (#2)
    • Show the load of buses (green for not crowded ... )
    • Show timings for college buses (NUS, NTU, SUTD, ... ), although still need to collect data for these (check out this repository for updates)
  • Ability to save buses at a particular stop as a favorite
    • Confirm user's action of adding/removing from favorites using bottom sheets
      • Display a toast when a favorite has been added/removed to notfy the user of their actions
      • Use slidable widget for adding and removing favorites
    • Automatically show the arrival time of favorite buses at stops (if user is at stop)
    • Add ability to view all favorites in a popup page
    • Show message prompting user to add a favorite if there are no favorites
    • Custom names for favorites
  • Ability to search for bus services, routes, and stops (Search page)
    • See information for each bus stop
    • See information for each bus service
      • See a list of routes for each bus service
    • See information for each MRT station (unplanned)
  • FAQ page to teach users how to use the app
  • Onboarding (introduction) pages to show how to use the app
  • Third page (settings/options page, should also show tutorial/FAQ on how to use the app)
  • Request user location permission on app start
    • Display button to open settings if location permissions denied
  • Add quick actions to go to favorites and MRT map (implemented, but not working on IOS: #13634)
  • Theme customization
    • Light/dark theme
      • Change status bar text color depending on theme
  • THINK OF A MORE CREATIVE NAME. How is BlackBus SG?
🧨 Click to reveal features for the future
  • Graph view for arrival times, rather than just showing numbers (planned, although implementation is difficult)
  • AR navigation
  • Tell users how to get to the nearest bus stop (unplanned)
  • Map view to show the nearest bus stops (unplanned) (might not implement)

Wiki

πŸ›  Data

Check out ninest/bus-sg for a detailed guide on how the data was scraped. The data is copyrighted by LTA.

πŸ“¦ Packages used

  • provider
  • hive
  • hive_flutter
  • hive_generator
  • geolocator
  • permission_handler
  • styled_widget
  • flutter_markdown
  • bot_toast
  • url_launcher
  • introduction_screen
  • flutter_launcher_icons
  • flutter_native_splash
  • quick_actions

App philosophy

In short, I first made this app only for myself because I wasn't happy with any app that already exists. All I needed was a simple, clutter-free interface to show bus timings of only the buses I'm actually taking. On rare occasions, I wounldn't know where the bus stop is. I'd just use Google Maps. I never found large maps on bus apps useful.

No map

The thing is, once you know where a bus stop is, you won't need to use the map again. If you already know where the stop is, the mpa on your scren takes more space. There are rare occasions when I don't know how to get to the bus stop, but that's why I have Google/Apple Maps.

Clutter free interface

You need bus timings. I'm giving you bus timings. Period.

Context-aware favorites

  • You saved Bus 14 at Bedok Interchange as a favorite.
  • You open the app near Bedok Interchange
  • We assume that you are taking Bus 14, so we put its timings at the top of the screen (refer to the images above)

Other information

Built setup

Your system requires the Flutter SDK. Follow the steps here to install it on your system. Once Flutter is installed, follow these steps:

  1. Clone or fork this repository.
  2. In the lib folder, create keys.dart .

In keys.dart , paste the following:

final String apiKey = '<LTA API KEY>';

To get an API key, go to LTA's Request For API Access web page and fill out the form. The key is required for the app to work properly.

Once the key as been set up, the app can be tested with the following commands:

flutter run

Please check out the wiki for additional information.

Generating icons and splash screens

After updating pubspec.yaml , run these commands:

flutter pub run flutter_launcher_icons:main
flutter pub pub run flutter_native_splash:create

Stuck at installing debug Android app?

Go to app settings and uninstall your app. The app may not appear in your launcher, but it could still be installed. Go to your settings, find it, and completely uninstall it.

This can also be done using ADB:

adb uninstall com.themindstorm.nextbussg

If this does not work, check out this answer on SO.

Build Android APK and appbundle

flutter build appbundle
flutter build apk

Once the APK has been built, install it on a physcally connected Android device:

flutter install

If you have multiple devices, you can view a list of Android devices connected using this command:

adb devices

And to install the app on an Android device, copy the device ID and install the app using

flutter install <devce ID>

πŸŽ— Support

Like this project?

  • ⭐️ Star the repository
  • πŸ“© Send a pull request to add new features
  • πŸ’Œ Share this repository with other developers
  • πŸ“² Download the mobile apps (scroll to the top for links)

Detailed screenshots

Click to reveal detailed images of the app's different screens and explanations. These images may be too tall for desktop screens.
UI Description
onboard view Onboarding screen, where the user is asked for the location permission
main page Main page, where users see a list of bus stops near them (and favorites), and see their respective bus arrival timings
favorites prompt Users are prompted to confirm
favorites view Favorites that are close to the user are show on the main page
search view Search page
bus stop view Bus stop details page
bus service view Bus service details page
More page More page, where users can change settings and see some more features
dark view πŸŒ™ Dark theme
rename Bus stops can be renamed (renamed bus stops in italics)
quick actions Quick actions! These do not seem to be working on iOS at the moment: #13634.

This and this was what the design looked like at first.

Acknowledgements

This app makes use of data and images (MRT map) from:

License

GPL-3.0

Legal attribution

Google Play and the Google Play logo are trademarks of Google LLC.

You might also like...

Aris imageexmii - Learn everything about images such as adding filters, borders & different shapes

Aris imageexmii - Learn everything about images such as adding filters, borders & different shapes

Flutter Tutorial - 2/2 Image - Deep Dive Learn everything about images such as a

Dec 29, 2021

Ever want to create a quick form without wiring everything up? This might be the library for you.

Ever want to create a quick form without wiring everything up? This might be the library for you.

Sep 13, 2022

Scale the entire UI design proportionally. Button, image, font, everything is scaled automatically

Scale the entire UI design proportionally.  Button, image, font, everything is scaled automatically

Scale the entire UI design proportionally. Button, image, font, everything is scaled automatically. Before: 250x250 square is the same size across dev

Aug 31, 2022

CoVAC is an all-in-one Covid info toolkit app, providing users the facility to check for available slots along with receiving the latest updates related to the pandemic and the virus.

CoVAC is an all-in-one Covid info toolkit app, providing users the facility to check for available slots along with receiving the latest updates related to the pandemic and the virus.

CoVAC - Covid 19 Vaccine Availability Checker Introduction πŸ“Œ CoVAC is an android application developed to provide users the facility to check the ava

Dec 29, 2021

Show a draggable floating chat icon button and show messages on screens

Show a draggable floating chat icon button and show messages on screens

Show a draggable floating chat icon button and show messages on screens Features A widget for displaying a chat icon (or custom widget) on top of a ba

May 5, 2022

Basic implementation of flutter_bloc with firebase auth and other related stuff :)

flutter_bloc_implementation A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get

Mar 7, 2022

A simple application connected with API (The Movie Database), related to movies. Application created using BLoC pattern and RxDart

MovieApp I will not hide that this is the most difficult application I have done so far (and I am still working on new features). It looks like this (

Aug 29, 2022

Flutter form fields designed to take much of the burden of form-related coding off the programmer's back β€” masks, validations, keyboard type, etc.

Flutter form fields designed to take much of the burden of form-related coding off the programmer's back β€” masks, validations, keyboard type, etc.

well_formed Contents Overview Getting Started Demo application References Overview Well-Formed Widget Fields - Well-Formed - is a collection of Flutte

May 26, 2022

A curated list of awesome things related to Flutter desktop.

awesome-flutter-desktop A curated list of awesome things related to Flutter desktop. Table of Contents awesome-flutter-desktop Packages Open Source Ap

Sep 17, 2022
Comments
  • Pub get problem on clean setup

    Pub get problem on clean setup

    Error:

    [NextBusSG] flutter pub get
    Running "flutter pub get" in NextBusSG...                       
    Because dartx 0.2.0 depends on quiver >=2.0.3 <2.1.0 and no versions of dartx match >0.2.0 <0.3.0, dartx ^0.2.0 requires quiver >=2.0.3 <2.1.0.
    
    And because every version of flutter_test from sdk depends on quiver 2.1.3, flutter_test from sdk is incompatible with dartx ^0.2.0.
    
    And because hive_generator 0.7.0+2 depends on dartx ^0.2.0 and no versions of hive_generator match >0.7.0+2 <0.8.0, flutter_test from sdk is incompatible with hive_generator ^0.7.0+2.
    
    So, because nextbussg depends on both hive_generator ^0.7.0+2 and flutter_test any from sdk, version solving failed.
    pub get failed (1; So, because nextbussg depends on both hive_generator ^0.7.0+2 and flutter_test any from sdk, version solving failed.)
    exit code 1
    
    opened by zk-g 4
  • Build failed with an exception

    Build failed with an exception

    When I try to compile, it prompts several errors as below :

    /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/bot_toast-2.2.1/lib/src/key_board_safe_area.dart:12:48: Error: No named parameter with the name 'nullOk'. MediaQueryData data= MediaQuery.of(context,nullOk: true); ^^^^^^ /C:/src/flutter/packages/flutter/lib/src/widgets/media_query.dart:818:25: Context: Found this candidate, but the arguments don't match. static MediaQueryData of(BuildContext context) { ^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_slidable-0.5.4/lib/src/widgets/slidable.dart:246:20: Error: The method 'inheritFromWidgetOfExactType' isn't defined for the class 'BuildContext'.

    • 'BuildContext' is from 'package:flutter/src/widgets/framework.dart' ('/C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart'). Try correcting the name to the name of an existing method, or defining a method named 'inheritFromWidgetOfExactType'. return context.inheritFromWidgetOfExactType(SlidableData); ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ /C:/src/flutter/.pub-cache/hosted/pub.dartlang.org/flutter_slidable-0.5.4/lib/src/widgets/slidable.dart:541:17: Error: The method 'inheritFromWidgetOfExactType' isn't defined for the class 'BuildContext'.
    • 'BuildContext' is from 'package:flutter/src/widgets/framework.dart' ('/C:/src/flutter/packages/flutter/lib/src/widgets/framework.dart'). Try correcting the name to the name of an existing method, or defining a method named 'inheritFromWidgetOfExactType'. context.inheritFromWidgetOfExactType(_SlidableScope); ^^^^^^^^^^^^^^^^^^^^^^^^^^^^

    Please help as I do not have any idea how to solve this. Thanks.

    opened by ganlulu2018 0
  • Manually set Expansion Tile height and width

    Manually set Expansion Tile height and width

    I do not know the default vertical and horizontal padding for the ExpansionPanel widget, so I had to "eyeball" it to make the placeholder loading widget (LoadingBusStopTile). The values provided for padding look fine when the default font size is 19, but may look weird for different sizes.

    opened by ninest 1
Releases(v0.0.8)
Bus Seat Booking App For Flutter

shani_bus(Bus Seat Booking App) splash screen Login page 3)Home screen Seat book

null 3 Jun 26, 2022
An Event Bus using Dart Streams for decoupling applications

Event Bus A simple Event Bus using Dart Streams for decoupling applications. GitHub | Pub | Demos and Examples Event Bus Pattern An Event Bus follows

Marco Jakob 684 Sep 17, 2022
The application contains the Noble Qur’an, Qur’an radio stations, morning and evening remembrances, and some supplications that a Muslim needs in his life, as well as prayer times, the direction of the qiblah, and the Forty-Nawawi book

The application contains the Noble Qur’an, Qur’an radio stations, morning and evening remembrances, and some supplications that a Muslim needs in his life, as well as prayer times, the direction of the qiblah, and the Forty-Nawawi book

Mohamed Ayad 11 Sep 17, 2022
Flutter Application to purchase movie tickets, search for a movie, view movie details and proceed to select seats and movie times.

Flutter Application to purchase movie tickets, search for a movie, view movie details and proceed to select seats and movie times.

Stanley Valenzuela 6 May 25, 2022
A CLI tool and Dart package that can scrape file and directory URLs from h5ai instances.

h5ai scraper A CLI tool and Dart package that can scrape file and directory URLs from h5ai instances. Usage This tool requires the Dart SDK. It can be

null 0 May 3, 2022
A package that exports functions for converting, formatting, and nicening of dates/times in Dart.

Instant A library for manipulating and formatting DateTimes in Dart. Dates and times have never been easier. | DateTime timezone manipulation | Easy f

Aditya Kishore 10 Jan 22, 2022
This is an application to display the Quran, prayer times and remembrances

My Prayer This is an application to display the Quran, prayer times and remembrances Downloads Holy Quran Bookmark Content SealPrayer Pages Ayahs View

Mohammad Ebbeni 9 Aug 10, 2022
State Persistence - Persist state across app launches. By default this library store state as a local JSON file called `data.json` in the applications data directory. Maintainer: @slightfoot

State Persistence Persist state across app launches. By default this library store state as a local JSON file called data.json in the applications dat

Flutter Community 71 Dec 23, 2021
A simple HTTP server that can serve up any directory, built with Dart

A simple HTTP server that can serve up any directory, built with Dart. Inspired by python -m SimpleHTTPServer. Install Use the dart pub global command

Behruz Hurramov 0 Dec 27, 2021
A flutter package that developers have pretty logs instead just printing everything like a newbie

A flutter package that developers have pretty logs instead just printing everything like a newbie. Features Makes it easy to log to console without us

null 2 Nov 28, 2021