Individual Portfolio

Front-end Development

Front-end Development

React Native is used in our project to develop the layout, page structure and UI design for our mobile application. 

Framework Used: React Native

Platform Used: Visual Studio Code

I have developed the following screen for Aquality2.0 Mobile App:

  • Login
  • Registration
  • Sensor Device  

I also coded some of the functionality and optimising the design layout of the front end including

  • Optimising the overall UI layout and improve the UX of the apps
  • Search for an existing device with device id
  • Fetch specific device data from API and display it on the App
  • Login and Register validation (Regex)
  • Validation for the search function in Sensor Device Screen

 

Parts Developed

  1. Login
  2. Forget Password
  3. Change Password
  4. Dark/Light Theme 
  5. Help
  6. Survey
  7. Back to Home Alert in Take Sample Flow
  8. Set New Password When First Log In
  9. Hardware Device Screen

 

Presentation1.gif

Presentation2.gif

Presentation3.gif

Presentation4.gif

Presentation5.gif

Presentation6.gif

Presentation7.gif

Presentation8.gif

Presentation9.gif

Updated on 19 April 2021, 4:18 PM; 366 page visits from 9 December 2020 to 6 July 2024