Awesome
BikeSharing360
During our Connect(); event this year we presented 15 demos in Scott Guthrie’s and Scott Hanselman’s keynotes. If you missed the keynotes, you can watch the recording in Channel 9.
This year, we built the technology stack for a fictional company named BikeSharing360, which allows users to rent bikes from one location to another.
BikeSharing360 is a fictitious example of a smart bike sharing system with 10,000 bikes distributed in 650 stations located throughout New York City and Seattle. Their vision is to provide a modern and personalized experience to riders and to run their business with intelligence.
In this demo scenario, we built several apps for both the enterprise and the consumer (bike riders). You can find all other BikeSharing360 repos in the following locations:
- Mobile Apps
- Backend Services
- Websites
- Single Container Apps
- Multi Container Apps
- Cognitive Services Kiosk App
- Azure Bot App
BikeRider Xamarin app and Maintenance Cordova app
This repository contains the BikeRider consumer-facing mobile apps for renting bikes and the BikeSharing360 maintenance app built with Cordova.
Note: This document is about the Xamarin apps. For the Cordova app click here.
<img src="Images/hero_image.png" alt="BikeRider" Width="800" />Supported Platforms: iOS, Android, and Windows
The BikeRider app is available for three platforms:
- iOS (including a watchOS app)
- Android
- Universal Windows Platform (UWP)
BikeRider features 93.7% code share across all platforms (7.34% iOS / 8.61% Android / 2.72% Windows).
Xamarin.Forms App (BikeRider)
Xamarin.Forms allows you to build native UIs for iOS, Android, and Windows from a single, shared codebase. You can dive into mobile development with Xamarin.Forms by following our free self-guided learning from Xamarin University. This project exercises the following patterns and features:
- XAML UI
- Animations
- Converters
- Custom Controls
- Custom Renderers
- Data Binding
- Effects
- IoC
- Messaging Center
- MVVM
- Native View Declaration
- Plugins for Xamarin
- Styles
Screens
<img src="Images/sign_up.png" alt="Sign Up" Width="210" /> <img src="Images/home.png" alt="Home" Width="210" /> <img src="Images/my_rides.png" alt="My rides" Width="210" /> <img src="Images/menu.png" alt="Main menu" Width="210" /> <img src="Images/profile.png" alt="Profile" Width="210" /> <img src="Images/new_ride.png" alt="New ride" Width="210" /> <img src="Images/report.png" alt="Report" Width="210" /> <img src="Images/event.png" alt="Event" Width="210" />Licenses
This project uses some third-party assets with a license that requires attribution:
- Roboto Font: by Christian Robertson (Roboto at Google Fonts)
- Xamarin.Plugins: by James Montemagno
- FFImageLoading: by Daniel Luberda
- ACR User Dialogs: by Allan Ritchie
- CircularProgress Control: by Bill Reiss
- Xamarin.Forms Animation Helpers: by Javier Suárez
Requirements
- Windows 10
- Visual Studio 2015 Update 3 (14.0 or higher) to compile C# 6 language features (or Visual Studio MacOS)
- Xamarin add-ons for Visual Studio 3.2.1.64 or higher (available via the Visual Studio installer)
- Visual Studio Community Edition is fully supported!
- Android SDK Tools 25.2.3 or higher
- OpenWeatherMap Key - Getting a OpenWeatherMap Api Key
- Bing Maps Key - Getting a Bing Maps Key
- Microsoft Azure subscription
Setup
Download or clone the repository. This is a solution with seven projects.
<img src="Images/Solution.png" alt="BikeRider" Width="300" />Rebuild the solution to get all neccesary NuGet packages.
Access to GlobalSettings.cs file available in the Portable Class Library to introduce your Azure endpoints and APIs keys.
<img src="Images/GlobalSettings.png" alt="GlobalSettings.cs" Width="600" />Deploy to Azure
Use the Backend Services repository to deploy backend services for Xamarin App to your subscription.
Enjoy!
How to sign up for Microsoft Azure
You need an Azure account to work with this demo code. You can:
- Open an Azure account for free Azure subscription. You get credits that can be used to try out paid Azure services. Even after the credits are used up, you can keep the account and use free Azure services and features, such as the Web Apps feature in Azure App Service.
- Activate Visual Studio subscriber benefits. Your Visual Studio subscription gives you credits every month that you can use for paid Azure services.
- Not a Visual Studio subscriber? Get a $25 monthly Azure credit by joining Visual Studio Dev Essentials.
Blogs posts and videos
Here's links to blog posts related to this project:
- The Visual Studio Blog: Connect(“demos”); // 2016: BikeSharing360 on GitHub
- The Visual Studio Blog: Announcing the new Visual Studio for Mac
- The Visual Studio Blog: Introducing Visual Studio Mobile Center (Preview)
- The Visual Studio Blog: Visual Studio 2017 Release Candidate
- Visual Studio Toolbox: Exploring our newest sample app, BikeSharing360
- Xamarin Blog: Microsoft Connect(); 2016 Recap
- Xamarin Blog: Introducing the BikeRider Xamarin.Forms Sample App
Clean and Rebuild
If you see build issues when pulling updates from the repo, try cleaning and rebuilding the solution.
Copyright and license
- Code and documentation copyright 2016 Microsoft Corp. Code released under the MIT license.
Code of Conduct
This project has adopted the Microsoft Open Source Code of Conduct. For more information see the Code of Conduct FAQ or contact opencode@microsoft.com with any additional questions or comments.