Day 18: Building UI part 2 (React Native)

Whew!! it’s already day 18 of my #ReactNativeIn30Days series. In today’s post, I will talk briefly about how the UI interface for my expense tracker app is coming along.

I added two modals to the home screen I built yesterday. Each modal allows a user to add an amount or deduct an amount from their total savings based on the icon clicked.

Below are the links to the demo of the interfaces built so far.

Login and Sign up Screens

https://ephmedia.giphy.com/32365146-77e9-404e-b1d4-ac3669fea674.gif

Add amount and Deduct amount Modal

https://ephmedia.giphy.com/b8b2622b-5e6f-4492-a3d9-048356d0154e.gif

Wrap up:

In today’s post, I completed the remaining screens designed with Figma

Github Repo: https://github.com/victorbruce/react-native30