Through the Fog is a mobile app and interactive game built using React Native. Through the Fog uses the Google Maps API and geolocational data from your phone to unveil the areas you have visited in real time. With help from the Through the Fog API, a user is able to create an account, store their progress/data, view scoreboards and post photo markers to document their travels.
- Tracking, recording and displaying of a user's geographical data.
- Sensitive to height: the higher up the user is, the more fog is uncovered.
- User can create an account and log in.
- Users can view a scoreboard of the area uncovered by all users.
- Users can toggle the fog colour.
- Users can delete their fog history.
The back end API used for this project is hosted via onRender and can the end points can be viewed on Swagger here.
The Github repository can be found here.
In order to run this project locally, the following must be installed on your machine:
- Node.js v19.6.1 -Node Package Manager (npm)
- git (and a Github account)
- React Native CLI - installed globally (npm install -g react-native-cli)
- Android Studio, or download the Expo Go application on your mobile phone
- Fork this repository.
- Via your terminal, navigate to your desired directory or create a new directory using
mkdir <project-name>. - Clone your forked version of the repository to your local machine using the command
git clone <repo-url>. - Naviagte into your new directory using
cd <project-name>and open it with your chosen software, e.g. using the commandcode .to open it in VSCode. - In your terminal, run
npm install <package>to install all dependencies.
In your terminal, run npx expo start to start the development server and use the Expo Go App to use the application or run it virtually using Android Studio.
Happy hacking!