Architectural Overview

Our project is built using TypeScript as its main language. It is a strict syntactical superset of JavaScript and adds optional static typing to the language and can prevents potential errors that happen with JavaScript. We used React.js and Ionic UI as a component library. React is one of the most popular frontend framework hence there is a lot of materials available. We used Ionic UI as our main UI framework, as they provide easy-to-use, aesthetically pleasing design.

For our product page, we use React and Chakra UI.

For the backend part, we used Firebase and Node.js. Firebase is a platform developed by Google for creating mobile and web application. We chose this because it makes constant deployment very easy and provides comprehensive documents. We mainly used Node.js' NPM for our package management.

Main APIs / Features

For user authentication, Firebase Authentication was used because it can handles not only normal authentication via email but also log in via other services like Google and Facebook.

As Tandem provides map feature, we needed to choose a map API. We decided to use Google Maps API as it provides superior functions compared to other map APIs.