Princess Janf

Google Lightning Talks at Cannes - 2018

notes - 22 June 2018

This is my summary of several talks in Google Lightning Talks at Cannes 2018.

in talks

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 reactnative

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 mindsumodesign

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 DailyUIdesign

Flash Card - Success/ Error When Sending Message

projects - 11 November 2017

Flash Card When Sending Message overview

in designDailyUI

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 designDailyUI

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 designDailyUI

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 designDailyUI

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 designDailyUI

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 designDailyUI

Portfolios

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

design, mindsumo - 11 November 2017

Direct Messaging - E-commerce

DailyUI, design - 11 November 2017

Flash Card - Success/ Error When Sending Message

DailyUI, design - 11 November 2017

Profile & Settings Page

DailyUI, design - 10 October 2017

Statistics Calculator

DailyUI, design - 4 October 2017

Landing Page - Yoga Class

DailyUI, design - 3 October 2017

Credit Card Checkout

DailyUI, design - 2 October 2017

Food E-Commerce Shop

design - 1 October 2017

Sign In & Sign Up

DailyUI, design - 1 October 2017

var checkWidth = function(){ if ($(window).width() < 1200) { $("#supporting").addClass("dn"); } else{ $("#supporting").removeClass("dn"); } }; checkWidth(); $(window).on('resize', function(){ checkWidth(); });