Main map view
Listing voted products
Searching for a product
The extant Kesko mobile app is somewhat unidirectional in communication, so there was no real way for the customers themselves to get involved. We set out to improve this situation in an accessible, easy-to-understand manner.
What it does
The app (or the prototype) allows customers of their local stores to vote for products that they'd love to see in the selection of the store, as well as search through the entire Kesko catalogue for products that have not yet been voted for.
How we built it
We built the app with technologies we were somewhat familiar with, but chosen to allow rapid iteration throughout the hackathon, with the goal in mind that we actually wanted to ship something :)
- The backend is built with Django and Django-REST-Framework
- The backend communicates with Kesko's APIs on request over HTTP
- The frontend is built with React (using the create-react-app scaffold)
- We used the Deveo platform for code review and coordination, but the final product is also mirrored on Github, below.
Challenges we ran into
- The actual product API was not available at the start of the hackathon, but the Kesko people opened up access very quickly, which we're grateful for :)
- The graphical design is somewhat "hackery", due to the team being two coders and no designers :D
Accomplishments that we're proud of
- That we determined a scope for the prototype that we could finish . . .
- And that we finished the prototype in a satisfactory way
What we learned
- Modern React and flexbox layout in the frontend
- How to create write-only APIs in Django REST Framework
What's next for K-Choice
- No idea! We'll see how it fares. :)