Next task on mapstr.xyz is to add image support to reviews and creation of new locations. I spent an hour just planning it out and will start to execute soon.
Some notes in case anyone is interested in the design process of a dev: TIPL Note down how long a task takes you so you can keep track of how fast you are. This is useful for billing and estimating project timelines.
#grownostr #nostrdev #projectplanning #planning #stitchintime
Jan 4:
started 1150am
end 1250.
= On the review form, create new location form and.
= Need a space to add images to the post.
= need a 'take photo' or 'upload' photo buttons.
= Field is optional.
= What should it look like?
= Sketch out the design on paper in simple form.
= Steal from google maps app mostly:)
= Disply image after upload as thumbnail beneath 'add photos' button.
= Allow them to be removed if need be with small 'x' button.
= Images should be uploaded to nostr.build API then added to the NDKEvent (nostr note or event) as a tag (I assume).
= Todo: would be cool to check if image has coordinates and if so give user option to use them. For now just leave as above but this will come in time. Project creep is a real.
= Check if there is an easy plugin or support from Formik to already do the above. Seems to be ImagePicker style plugins.
= Will this also work on web app version?
= Seems to be a pretty good instrucitonal here of doing this on mobile with Formik and React - https://medium.com/@zaidq/image-picker-form-in-react-native-using-expo-and-formik-library-a08c87477ab9
= expo has a description on how to do this - probs go with that one. https://docs.expo.dev/tutorial/image-picker/
= create new GIT branch for this task and start expo tutorial.