DevLog Day 1 - olindner/LightDisc GitHub Wiki

Setup Project and Git

  1. Highlighted main MVP requirements and researched solutions I could use including technology stacks
  2. Decided to use the React and Expo stack, due to its ease of getting started and the intended simplicity of the Light Disc app project
  3. Downloaded NodeJS 20.10.0 LTS from online onto Mac
    • Eventually downgraded to v16 due to dependency compatability
  4. Global installed Expo cli using npm
    • Solved various permissions errors and pathing issues
    • Also had to use nvm to control versions
  5. Created Expo project in home directory called LightDisc, and opted to use a blank template with TypeScript
  6. After “expo start” it successfully started the Metro Bundler
    • Eventually this became npx because of downgraded version
  7. Installed react-native-web for testing on my Mac and also allows creating a web-app down the line if I so choose
  8. Downloaded Expo Go App and created Expo Go account
  9. I can now see a blank page on both my localhost webpage and through my phone Expo App
  10. Set up a Git Repo LightDisc and have git successfully tracking my project

Adding Google Map

  1. Ran “expo install react-native-maps”
  2. Went to GCP and created New Project LightDisc
  3. Turned on Maps SDK for iOS and Android
  4. Went to APIs and Services
    1. Created API Key for Android
    2. Created API Key for iOS
  5. Created .env file at root of project and added respective keys
  6. Ran “expo install react-native-dotenv”
  7. Added dotenv config stuff to babel.config.js to allow handling of API keys
  8. Progressively adjusted App.tsx until I was able to view a local (or hardcoded) Google Map
  9. Also added a Marker that can be adjusted using GPS coordinates