Princess Janf

React Native: Maps With Direction From Current Location

projects - 4 December 2017

To be able to create Maps with direction to particular destination from current location, I used Airbnb’s react-native-maps (for displaying maps), React Native’s Geolocation (to get device’s current location) and Google Directions API (to get routes to destination).

in native, react

PWA and Personalization To Help Patients Connect With Fellow Patients While Staying Anonymous

projects - 11 November 2017

Joined Mindsumo’s Challenge for an anonymous company last December - January 2018 and ranked 4th. So sharing my answer here.

in design, mindsumo

Direct Messaging - E-commerce

projects - 11 November 2017

The flow would be, when user hits the chat button in product detail page, they would be directed to the chat page. User can then access the list of chats via another menu to see their conversations with the seller.

Product Detail, Chat List, Chats overview

in DailyUI, design

Flash Card - Success/ Error When Sending Message

projects - 11 November 2017

Flash Card When Sending Message overview

in DailyUI, design

Profile & Settings Page

projects - 10 October 2017

This is a profile page for freelancer website. The important information that has to be here is how many jobs that a user had done, how satisfied the previous employer were (incl. Testimonies), and of course the skillset that a user had.

in DailyUI, design

Statistics Calculator

projects - 4 October 2017

This calculator is meant for calculating sample size for research purposes.
From my personal experience, sometimes I forget the definition of one or more components in the sample size calculator. Therefore, I made one that would give the definition of the component, when the component is clicked. That way, you could just read the description, then fill out the value.

in DailyUI, design

Landing Page - Yoga Class

projects - 3 October 2017

This is the first landing page that I made for a yoga class.
It’s meant to be straightforward and gives the information that user usually needs (pricing) upfront. The other information like class schedule and location can be accessed via header.

in DailyUI, design

Credit Card Checkout

projects - 2 October 2017

There are a few things that I want to highlight in this design.

  1. The card design gives to user on where they can find the card CCV
  2. The page would show the amount the user about to pay clearly, and they can also see the details of what they’re buying

in DailyUI, design

Food E-Commerce Shop

projects - 1 October 2017

This is something that I made when trying out the Sketch App.

in design

Sign In & Sign Up

projects - 1 October 2017

Often times, we mistyped our sign up credentials in the log in form. Therefore, I want to make a design, in which we could easily switch between sign up and log in without losing the same credentials that we have filled in.

in DailyUI, design