This was a project assigned by NZMSA.
The project required us to create our own api while and create a react-typescript web application which used the api that we made. It was required to deploy the api and front end web app through Azure.
Material-UI
React-simple-chatbot
React-webcam
React-share
Please don't use any real information as security isn't strong and people can easily access the api. Thanks.
The information of the user is stored in the api. The password is not encrypted so do not use any real information. The system will assign photos to the specific account.
| Create Account | Chatbot |
|---|---|
![]() |
The menu where you can manage all of the photos that you have uploaded
| Create Photo | Edit Photo |
|---|---|
![]() |
Web app becomes stuck in endless loop (unless you refresh) when you try to create something without an image in it.



