DevLog Day 1 - olindner/LightDisc GitHub Wiki
Setup Project and Git
- Highlighted main MVP requirements and researched solutions I could use including technology stacks
- 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
- Downloaded NodeJS 20.10.0 LTS from online onto Mac
- Eventually downgraded to v16 due to dependency compatability
- Global installed Expo cli using npm
- Solved various permissions errors and pathing issues
- Also had to use nvm to control versions
- Created Expo project in home directory called LightDisc, and opted to use a blank template with TypeScript
- After “expo start” it successfully started the Metro Bundler
- Eventually this became npx because of downgraded version
- Installed react-native-web for testing on my Mac and also allows creating a web-app down the line if I so choose
- Downloaded Expo Go App and created Expo Go account
- I can now see a blank page on both my localhost webpage and through my phone Expo App
- Set up a Git Repo LightDisc and have git successfully tracking my project
Adding Google Map
- Ran “expo install react-native-maps”
- Went to GCP and created New Project LightDisc
- Turned on Maps SDK for iOS and Android
- Went to APIs and Services
- Created API Key for Android
- Created API Key for iOS
- Created .env file at root of project and added respective keys
- Ran “expo install react-native-dotenv”
- Added dotenv config stuff to babel.config.js to allow handling of API keys
- Progressively adjusted App.tsx until I was able to view a local (or hardcoded) Google Map
- Also added a Marker that can be adjusted using GPS coordinates