Web application development with react and google firebase : data visualization
Vo, Lam Thanh Tung (2020)
Vo, Lam Thanh Tung
2020
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202005149054
https://urn.fi/URN:NBN:fi:amk-202005149054
Tiivistelmä
The thesis was commissioned in the context of the project Lean 5S which belongs to the Chemical Engineering department of Turku University of Applied Sciences. The purpose of the Lean 5S project is to develop a digital solution in terms of a web application to replace an existing manual system that helps the students and teachers check the laboratory conditions. The application lets students inspect the laboratory and report the status by filling the laboratory conditions forms. The teachers can view the reports and perform administration tasks. This thesis was produced to introduce the technologies that were used by the Lean 5S development team. Also, the thesis reports the workflow and provides a relevant part of the codebase during the commission period to show the audience how the technologies were applied to achieve the tasks. Among the various range of choices in web technologies, the project team decided to choose React and Google Firebase as the core tech stack for the development.
After the first stage of the Lean 5S project, the beta version of the application was ready to be used and tested within a small group of users. Students can check the laboratory condition by filling the digital forms while the teachers can edit the forms and check the summary table. Also, a line graph will be generated to visualize the data. This graph can be filtered by date and lab number.
After the first stage of the Lean 5S project, the beta version of the application was ready to be used and tested within a small group of users. Students can check the laboratory condition by filling the digital forms while the teachers can edit the forms and check the summary table. Also, a line graph will be generated to visualize the data. This graph can be filtered by date and lab number.