#PowerAppsChamp Trading Cards App - v1
This project started from a tutorial as I taught my 10 yo daughter how to make app in Power Apps. (https://twitter.com/alanchai/status/1199874832931917824?s=20) She wanted to learn by solving a real use case. As she is into Harry Potter stuff, we worked on creating a trading apps for Harry Potter characters. After an hour of her lesson, this was her output: (https://twitter.com/alanchai/status/1199556678288658432?s=20)
I was building a similar example on the side as the lesson evolved. Since I have the full collection of Power Apps Champs cards, so I thought why not? This version consists of the full catalog of Power Apps Champs as of Dec 2019. You can add or remove a card from your collection within the App.
The plan is to add object recognition using AI Builder in next version.
To install this app, follow this steps:
Download .msapp and data source files here
1. Download the three .stp files. These are the data source template for SharePoint lists.
- CollectionEntities - this holds all the Champs details and images
- CollectionGroups - this is just a list for tabs which I intend to expand further in the future to include things like Fav, Duplicates, etc.
- CollectionMy - this is to hold cards that are marked as in collection.
2. Restore the .stp files into your SharePoint site as lists (3 lists).
- Go to Site Settings > List Template Gallery > Upload the 3 .stp files into the gallery
- Go to Site Contents > New > Apps > Select "CollectionEntities" and name the list. Repeat the same for CollectionGroups and CollectionMy
3. Download the .msapp file and import into your Power Apps environment.
4. Edit the imported app and remap the data source to your SharePoint lists created in Step 2.
This app is intended to showcase the possibilities of using Power Apps outside business use cases, in a fun way to encourage kids (5th graders) and beyond to learn Power Apps.
It is also to be used for easy reference of Power Apps Champs around the globe closer to you and to provide a bit of their background.
The app is also a good demostration of how you can change the way you make app by thinking UX first, then build functionalities after. The outcome will be different. When I built this, it wasn't intended to go public, but as many were contacting me for a copy, so here you are.
Anyone new to Power Apps, this is a good app to start dissecting and learn. It is simple enough to understand the how-to of an UI that works well and looks good too.
Enjoy the first version.
Give me a like, thumbup or kudos if you find this app useful and have learned something from it.
If you have any questions, please reach out on Twitter @AlanChai. Happy to assist.
Follow me on Twitter for more exciting apps.