WONDER
Native Web, Android and iOS application built with ReactJS and React Native to create a sharing community for teachers and students
THE CHALLENGE
The team at Yola wanted to build an app to help Vietnamese students connect with each other, and allow Teachers to share their lessons and build their reputation in the community. The team saw a gap in the market, with students looking for help across a scattered distribution of platforms, with no central place to connect with other students and teachers.

The team realised the market opportunity, though did not have a clear solution on how to solve this problem for students and teachers in Vietnam.
wonder
wonder
wonder
THE PROCESS
Design Sprint
We started off the Product Development with a Product Design Sprint, a 5 day Sprint that pulls ideas out from all of the group and validates these ideas with industry professional and target customers, building towards a solid User Journey. The User Journey is then developed into a prototype for real-world users to test, observing as they experience the product idea for the first time.

After testing the Prototype the team was able to verify their solution as highly viable with strong market appeal for the target users. The solution was to build a community based platform, where students and teachers can connect to ask, help and share.
UI/UX Design
We then took a deep-dive into the UI and UX development based off the findings from the Design Sprint and Prototype testing sessions. UX flows were planned out for the entire MVP (Minimal Viable Product) and the UI was fully developed.
Development
We worked rapidly over 3 months to produce a cross-platform experience with a native Web app, native Android app and native iOS app. We chose to work with ReactJS and React Native for the front end to be able to quickly develop over multiple platforms with a completely native experience. On the backend, we used Ruby on Rails for its speed and robustness to quickly build a system from ground up.
Process wonder android
Android App
Process wonder iphone
iOS App
Process wonder mac
Web App

THE RESULT

After a 5 day design sprint, 2 weeks of UI and UX development, and 3 months of solid development time with 2 of our full-stack Developers, we were able to release a fully functional MVP across 3 platforms.

Yola released Wonder as an internal tool for their Students and Teachers, to create a wealth of content before releasing for public use.

FRAMER.JS

Create a prototype that behaves like a native app

SKETCH

Create the prototype and full UI for all screens

ZEPLIN

Collaborate on design and review layout

RUBY ON RAILS

Develop the backend API

REACTJS

Develop the Native Web App

REACT NATIVE

Develop the Native iOS and Android Apps

REDUX

Manage the ReactJS and React Native app

POSGRESQL

Database server & full-text search

HEROKU

Hosting to support scaling

NEWRELIC

System health monitoring

GITHUB

For source code control and code review

CIRCLECI

Continuous Integration server for Rails

FABRIC

Release builds and track crashes on mobile apps

SLACK

Communications with ticket and build updates

PIVOTAL TRACKER

Prioritise the Backlog and track all of the tickets
contact codelink

Contact

Let us know how we can help!