Developing a report map for an energy supplier company with React
Sinclair, Tavis (2024)
2024
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-2024051311166
https://urn.fi/URN:NBN:fi:amk-2024051311166
Tiivistelmä
This thesis documents the development process of a web-based mapping application aimed at facilitating user-generated markers for location-specific information sharing, themed around the usage of an energy supplier company.
The document first covers the concept and design behind what an actual energy supplier company would consider when building their brand and what they would need for an application. It then goes into depth about the decision making of what libraries and environments that were going to be used for the development of the project. The technologies that were used during development were Node.js, MongoDB, React, and Mapbox, all of which helped create an easy-to-use map with a user-friendly experience.
The development begins with back-end setup and database connectivity, and later progresses through frontend implementation, security integration, and user authentication. Key features include interactive mapping, marker creation, search functionality, navigation controls, report over-view and user registration. The thesis details the iterative development process, encompassing decision-making, implementation, and potential hosting providers to run the application online. The thesis concludes with reflections on what the project achieved, the lessons learned during development, and features that could be worked on in the future.
The document first covers the concept and design behind what an actual energy supplier company would consider when building their brand and what they would need for an application. It then goes into depth about the decision making of what libraries and environments that were going to be used for the development of the project. The technologies that were used during development were Node.js, MongoDB, React, and Mapbox, all of which helped create an easy-to-use map with a user-friendly experience.
The development begins with back-end setup and database connectivity, and later progresses through frontend implementation, security integration, and user authentication. Key features include interactive mapping, marker creation, search functionality, navigation controls, report over-view and user registration. The thesis details the iterative development process, encompassing decision-making, implementation, and potential hosting providers to run the application online. The thesis concludes with reflections on what the project achieved, the lessons learned during development, and features that could be worked on in the future.