- Modified SearchBar styling - Modified TopBar to display blank circle if the user has no networks (previously missing image icon) - Refactored Login into AuthPage.js - AuthPage contains a tab selector for switching between Signup and Login - Both Login/Signup send the request and either receive an auth_token or an error message - If auth_token, user will be logged in as usual, in both cases - Signup validates user input before sending request - Added /signup target in vite config file
Run Web App
npm run start
Build and Run (iOS App)
https://capacitorjs.com/docs/ios#adding-the-ios-platform
Add this option into the top level of capacitor.config.json if you want the ios app to call the dev server: "server": { "url": "http://sam.local:5173", "cleartext": true },
Otherwise, it will call prod.
To Install: npm install @capacitor/ios npx cap add ios
To Open XCode: npx cap open ios
To Rerun: npm run build && npx cap copy ios
Build and run (In Browser, hitting prod server)
vite build
npx serve dist
If you need to login again: run localStorage.clear() in the browser dev tools console and then refresh the page.
Various Commands
npx cap config - this will list the full configuration currently being used
Architecture
In Development, API routes are routed using the vite.config.js.
Notes
Background Color: In src/manifest.json, "#31d53d" refers to the green color which is visible in the background in the web version. This is not visible in the built version.