mhass005

[mhass005]

Presentation complete - Project ready to hand in 🥳

This project has been fun to work on. I always wanted to develop a working mobile application and now i can say that I have. I can now say that I can create a function mobile application with react native cli and Firebase. Because React native uses JavaScript, I can say that now I am ready to take on coding other JavaScript applications on different frameworks. This journey has been a roller coaster of a ride and i am very happy with my supervisor and the friends and family who have supported me throughout this project.

[mhass005]

App and Report - Completed

Its been a stressful week as crypto has crashed 😑 but the app and report is finally completed. I will now need to create my presentation before submitting.

[mhass005]

2 week extension

I can cry right now 😂, this two week extension gives me more time to go over my report and take my time with the write up on the evaluation of the application as well as sort out the layout of my report.

[mhass005]

App is finally complete - Black Box and Whitebox testing Success

I carried out two methods of testing. Whitebox test was a method ive been doing throughout the development of the app but black box testing was completed for the first time as the user interface was fully setup.

Success - everything carried out passed the test. My app is complete and ready for production

[mhass005]

Recovered Finally

I have finally recovered after taking 2 weeks off work. I have adjusted my schedule and the first thing I will need to do is create my Hi-Fi prototype for my new applications since I have changed my project slightly.

I will need to make sure the Hi-Fi Prototype is completed by tomorrow

[mhass005]

Messaging page - Completed

For the messaging page i simply made a chatroom for the two users. I imported the library ImagePicker so users can send photos. Patients are restricted to only being able to contact doctors and doctors are restricted to only being able to contact patient. At first i was stuck, i didnt know how i was going to let users message each other but then i realised i could use firebase and store data just like the registration and appointment forms.

I dont have long left before deadline so i will need to pick up the pace as i am required to finishing the report for the application aswell. Next week i will make sure everything is working properly with a black box test and whitebox test

[mhass005]

Booking page - Completed

The booking page for patients was completed this week. This was quite simple because i had to just create another data collecting form but this time call data from the database to list an array of doctors. I had to also import two libraries, timePicker and dataPicker. Two very simple libraries that are a simple user interface for patients to select a time and date instead of manually writing them out.

[mhass005]

Home Page - Completed

This week i managed to complete the home page for both users however, i was running into various errors with integrating firebase for the authentication between the login page and the homepage. 

After a lot of research i went back to the Instagram clone video guide i took notes from awhile back and saw how he implemented it and realised i forgot to put in the state so the button wasn't doing anything.

[mhass005]

Registration Page - Completed

I have successfully created two login pages for the doctors and users. I essentially had to create two data collecting forms that will retrieve the data from the form and store it into the firebase database.

[mhass005]

Login Page - Completed

Login page is now completed. Looks very similar to the HiFi prototype so i am really happy with how it turned out. I had to implement firebase for user authentication to successfully sign in and grant the user access to all the apps services. Login page is not fully function right now as i will need to complete the registration page as these two link together aswell as the homepage.

[mhass005]

Its the end of the week, i managed to setup the foundation for the application, i have created a navigation container to create routes for the application. I Have imported al the neccessary modules and have made a start on the login page

[mhass005]

Starting on the frontend development

This week i plan to setup the foundation of the application, i have looked into whats needed for developing a android and ios app and popular and found out gradle is a popular plugin for android application development and podfile for IOS devices but im still not quite sure on how to implement podfile

[mhass005]

Setting up firebase

Created a new realtime database on firebase, set up the tables for the different users and features. I also got a unique API to integrate into the front end of the application.

[mhass005]

UML diagrams

I have completed all my UML diagrams this week. Now i know how my app will function completely, how the backend will store the data being sent from the frontend into a database. Now that i got my UML diagrams done, i can now start on the development of my application. Below are a few examples of the UML diagrams i have created

[mhass005]

Setting up Android studio

https://www.youtube.com/watch?v=0-S5a0eXPoc&ab_channel=ProgrammingwithMosh

This video was very easy to follow and install android studio which is a android device emulator. It is very essential and allows you to visualise your coding on a phone whilst coding.

[mhass005]

Learning React Native & Firebase

to understand react native cli and firebase better, i went through this entire video for the past week to see the javascript skills implemented into a function app.

https://www.youtube.com/watch?v=1hPgQWbWmEk&ab_channel=freeCodeCamp.org 

He was building a instagram clone using react native and firebase and explained how to setup react native onto the computer aswell as other components like java development kit. His instragram clone also has a messaging feature, its interesting how he was able to link firebase to react native to be able to send and recieve messages in real time between two people. 

[mhass005]

HI-FI Prototype

I have completed the Hi-Fi Prototype. This gives me a better idea of how the application will function. This was achieved on https://marvelapp.com/