Currency Exchange App

Currency Exchange Mobile Application
DES427 Mobile Application Development Final Project
Digital Engineering Department, Semester 1, Academic Year 2022.
Sirindhorn International Institute of Technology (SIIT), Thammasat University.

Project Members

• Paphana Yiwsiw @waterthatfrozen (6222780379)
• Thanakit Lerttomolsakul @BrightHiewww (6222780569)
• Sirada Chaisawat @qmuip (6222780668)
• Thanyachanok Rachawongsuk @thanyachanokr (6222770313)

In-class presentation file

https://www.canva.com/design/DAFSRHbhz6E/UL7X_Dh0ojlwnmNK8mP4xw/view?utm_content=DAFSRHbhz6E&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink

API used

• exchangerate.host | Free and simple API service for getting currency exchange rate with no API key required. API documentation: https://exchangerate.host/#/#docs

Installation Instruction

1. Clone this GitHub repository to your local machine
2. Go inside folder currency-exchange (cd ./currency-exchange)
3. Install dependencies by npm install (This will install all dependencies in this project according to package.json file) or you can type npm install followed by all dependencies packages listed in the package.json file
4. Run a npx expo start command on your local machine and run the application on expo by using Expo Go on your mobile devices.
5. Enjoy~

Figma Prototype

https://www.figma.com/file/kwzAfHyCm86OCR9FEBHkuz/Currency-Converter?node-id=0%3A1&t=4ZFX7SCKw1Jzu3Pa-1

Screenshot

Video Demo

https://drive.google.com/file/d/1bSO6jMZ9XTF7wZL9Xf4ulTLGooBtbqzk/view?usp=sharing

Notable Library

• react-native-select-dropdown for creating a customizable dropdown selection
• react-native-bootstrap-icons for using Bootstrap icons in react native application (Bootstrap Icon: https://icons.getbootstrap.com/)