GithubHelp home page GithubHelp logo

filiph / conference_app Goto Github PK

View Code? Open in Web Editor NEW

This project forked from dart-archive/conference_app

1.0 2.0 0.0 1.85 MB

License: BSD 3-Clause "New" or "Revised" License

Java 1.09% Ruby 2.96% Objective-C 2.22% Dart 92.25% Shell 1.47%

conference_app's Introduction

DartConf

Build Status

A conference app for DartConf 2018.

App Overview

This is a mobile app for DartConf 2018. The overall design is roughly modelled after the 2017 Google I/O app. It's organized into 4 separate pages:

DartConf 2018 Atom screenshot

Schedule page

This is a page for the conference schedule (and the main landing page). It shows two tabs; one for the first day of the conference and one for the 2nd (Jan 23rd and Jan 24th). Each tab shows a chronological list of the conference sessions for that day. Each session shows as a material card. Clicking on a session will open the session in a separate page, and show more detailed information including the full session description. We use a hero animation when transitioning from the session card to the session page.

The data for the sessions, including the full list of sessions, the title, presenters, date and time, duration, description, and presenter image, is backed by firebase. Editing any of this info in the firebase admin page will do a live update of all clients automatically.

Info page

This is a page for general conference information. It's broken into a handful of categories, and each category has a short amount of descriptive text.

The data is backed by firebase; editing the category list or info item title or text in the firebase admin UI will update clients automatically.

Map page

This is a static image of the conference location.

Feeds page

This is a live Twitter feed of any tweets matching the search term #dartconf OR #flutterio OR #angulardart. Selecting a tweet will open the corresponding item directly at twitter.com. A pull-down gesture will refresh the tweet data.

Build the app in release mode (Android)

To build the app in release mode for Android, you will need to provide two files:

  • android/app/signing/release.keystore
  • android/app/signing/release.properties

The first file is a standard Android keystore file that is used to sign the application, while the properties file contains the informations necessary to access the keystore and sign the builds.

If you don't provide these two files, the app building will fail when you try to build or run a release version. The debug signing configuration is provided in the Git repo and as such no configuration is necessary to run Android debug builds.

Create a signing configuration for release

To generate a keystore, you need the JDK's keytool on your path, then run from the project root:

$ keytool -genkey -v -keystore android/app/signing/release.keystore \
    -storepass "{✏️ YOUR STORE PASSWORD}" \
    -alias "{✏️ YOUR SIGNING KEY NAME, e.g., 'dartconf'}" \
    -keypass "{✏️ YOUR SIGNING KEY PASSWORD}" \
    -keyalg RSA -validity 14000

This will generate the signing keystore in android/app/signing/release.keystore. Next, you will need a properties file containing the signing configuration. You can create one by running from the project root:

$ tee android/app/signing/release.properties <<EOF
storeFile=release.keystore
storePassword={✏️ YOUR STORE PASSWORD}
keyAlias={✏️ YOUR SIGNING KEY NAME, e.g., 'dartconf'}
keyPassword={✏️ YOUR SIGNING KEY PASSWORD}
EOF

Remember to fill in the placeholders in both snippets with the same values!

Note: both release.keystore and release.properties are ignored by Git, and for a good reason — you should never put signing information in a repository. DO NOT add these files to the repository!

conference_app's People

Contributors

chimon2000 avatar devoncarew avatar filiph avatar killermonk avatar rock3r avatar wmleler avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.