Transforming Comika.id website to a mobile app
Sharpening my UI and Frontend developing skills on React Native by transforming Comika.id website to a mobile app using expo ❤️ + React Navigation 🔥.
For those who don’t know Comika.id is a platform to buy a digital download of a indonesian standup comedy shows.
I want to sharpening my UI and Frontend developing skills so I trying to transforming the website to a mobile app from scratch.
This is just me exploring my creativity.
First thing first Im choosing the primary color of the app by extracting the colors of the logo, and I chose blue on the right one.
While I was imagining what will be on the app, I started to wireframing the app at the same time. Many things going on this process, because I want to make this simple, clear and clean.
Then I started creating mockups of the app.
I tried some various color scheme, one of them is inspired from spotify, in the end I decided to use the blue color scheme. Theres some changes from the wireframe to these mockups.
I use React Native + Expo ❤️ + React Navigation 5 🔥.
After spending many hours on the coding stuff and adapting some designs, Voila!
I added a feature to watch the video on the app using expo-av library.
I forgot to add a “buy” button, so it looks like a free video streaming app haha.
This is just my concept of @comika_id mobile app, and the app is just the front end side.
Check it out on Expo : https://expo.io/@kidingki/comika