Skip to content
Profile Setup Screens
Get the name and email address to prefill from QS on this form:
why isn’t invite_accepted_date being set on the session reccontacts.invited_byentered when they submit on inviteSetup the Postman test for the Invite_Accepttest with existing one and be able to reset the acceptance_dateTest passing the session_id and session_token as QS Params for Expoconsole.log()Config.is_sessions_multi_allowso we can stay signed in
Create Test API Point for RecSaver to Create Contact Recuses new Table()via the key Create the Fields recs on the tableuses key and “Value”Test Postman that RecSaver still works properly
Invite Emailhas to use the “key” querystringfirst test by setting up the screen and accessing manually
Accept Invite ScreenEnters Full-Name & passwordTextThank you for accepting your invite! Please enter a password to create your account. Afterwards, you will be directed to the Login screen to login using your email address and password. API endpoint Creates the User Account#latershows the email address that they are using
#laterHas to track “invite opened” to know if they opened it but didn’t go through the password setupso add sessions.invite_opened_datetime#laterWhen opening, we have to validate the request initiallyso we don’t show the option to enter a passwordso we do double validation#later
Invite Tab
We need a API endpoint that we can test to see what are the cookies that we are getting back
Setup a test page to get the User Current Object/api/user/currentTo see if the Cookies are still an issue
Login has to set the session_key cookie and we have to submit this with our axiosTry to send the cookie manually instead of dealing with HTTPSOR try to setup HTTPS
Invite TabEmail Address *Name High-Trust checkboxChange the /invite_create route to be able to accept the POST JSON data
Forms should have a max-width defined when not on mobile or even on mobile (like a tablet) they should have a max-width to not seem stretched out.
Setup the Login screen with error handling store the session cookie in the secure storage so its persistenthave the app automatically open to the home screenand redirect to the Login screen if no valid session Setup the Invite Form
Hamburger Menu Setup for the Logout and other settingsDo we switch to Another UI LibSetup the UseStorageStateForObject to save the user to it and retrieve in AuthProviderlike in ctx.tsxTest that we can store and retrieve the User object from that storage
Setup the useEffect() to check for the Valid Session upon loadSo need to check if the User’s sessions is still valid
We need to have a user object that contains a session-tokena sesion_exp varSo tweak the Login API to return it all as one object instead
{
"is_success": true,
"id": 1,
"name": "Dmitri Sunshine",
"is_admin": true,
"session_id": 10086,
"session_key": "52BB6BFE94FD77B1F0353013139CCC390C91AC73E205F9E171CF74E0823515C2",
"session_expires_at": null
}
Use console.log to test whether the _layout.tsx is being cascadedI believe it isSetup the Not-Found Screenwith the tracking for where they came from and where they were clicking on
<Stack.Screen
name="NotFound"
component={NotFoundScreen}
options={{ title: 'Oops!' }}
/>
Understand how the Expo Tabs an Expo Tabs.Screen work
User Type Class for what is returned from the /user/current or upon loginsee the “spa” for how was setup there
Wrap my head around Expo-RouterTOS and Privacy Policy ready for appTest Setting up the a brand new SDK 50 project with tabsnpx create-expo-app@next expo_test_tabs --template tabs@nextor upgrading the existing oneSet the cookie expiration to really long, like 30 days for the mobile appConfig option for is_sessions_multiso that they can stay logged in on the web and on their mobile
like tags (& tags table setup)so have top-level and table-specific (multi-rec) so one tag can be used on multiple tables
For sending the email templates, we need a quick & dirty way to just pass in the exact column names that we are using, instead of creating “views” and setting them up with the fields. We could still
Setup the Tables & Fieldsvolunteer_history
Org/Project History/Affiliations Table Setuprelationships
Setup the Invite and Create Account/Profile Pages
Expo State Management and Storage? Which db provider do we use with watermelon for the Web app?
Session-ManagementIf our API uses a simple session-key cookie as the mechanism, how could we make this work with React Native (and Expo managed)?
Go through the Expo Tutorial
More
Share
Explore
Archived-Daily-Dev-Notes
2023-12-22
Today’s Goals
2023-12-20
Today’s Goals
-Accept Invite Screen
2023-12-17
Today’s Goal:
Give me the complete code following all of the best practices for an "Invite" screen, where the user enters an email address (required), the Name (required) and a checkbox for "High-Trust" (optional) on a single form.
These fields are then submitted in JSON via axios POST to /api/invite
and then a message displayed for "Thank you inviting {{Name}} ({{email address}})
The form is reset to blank with a message for “Invite Another Person”
2023-12-16
Today’s Goal:
2023-12-14
Help me write the code for an Expo app that will be used on Web, iOS and Android.
The app is invite-only and user’s must be logged in to view any screen except the “accept-invite” screen, so when a user who hasn’t logged in yet (or whose session has expired) then we send them to the login screen with the email address and password inputs and checkbox for “Remember Me” which automatically checked.
Upon app start, we check if the user has a valid session via the API endpoint of “/api/user/current” which should return a JSON object for the User object (with an id) which we store in the global state using Recoil. If there isn’t an object returned with an “id”, then we redirect them to them to the Login screen/component (using Expo router).
The app has several tabs at the bottom.
For now we will just have the “Profile”, “Search” and “Invite” Tabs.
Make sure that the code will pass a review by a senior React developer and it follows all of the best practices.
Here are more specs:
* Use Typescript (instead of Javascript) for the React part
* We are using Expo Managed Workflow to create an iOS, Android AND Web app at the same time
* Using the Expo Router instead of React Navigation
* "React Native Paper" is our UI Library
* Provide excellent error/validation handling for all form fields
* Provide the complete code so that I can just copy and paste it without having to make any changes or fill in any placeholders.
* Provide the file names and the suggested directory (like components, configs, etc...) for all of the code files you generate for me as a comment at the top of them
* We want to provide a smooth user experience so use splash screens and loading indicators
* We want to prevent double-submission so after the error handling is performed on a form (but before we send the data off) we want to disable the button/link and show that it is sending, by changing the button text and/or showing a loading indicator - whatever is the best practice
* Using Axios for Http Request
* Using Recoil for State Management instead of the React useState
2023-12-01
2023-11-30
2023-11-29
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.