Photo Sharing Public Access Well Wishing Application (MVP - static site)
-
HTML (Single Page Application or Multi Page Application)
-
CSS (consider use of root variables and resets)
-
Javascript (small DoM manipulation on page - buttons / navbars / etc)
-
File structure:
- index.html
- assets folder >
- images > all copyright free images
- css > style.css file
- js > main.js file
- 404.html (error handling)
- extra html pages...
A fictional image-sharing web application, that utilises the user's mobile/local equipment to geo-tag an image on upload, along with a Sentimental / Well wishing message.
- #00372d
- #aa9049
- #ffbd59
- #782722
- #8a2420
- #f4f6ed
-
https://developer.mozilla.org/en-US/docs/Web/API/Media_Capture_and_Streams_API/Taking_still_photos
-
https://www.freecodecamp.org/news/how-to-get-user-location-with-javascript-geolocation-api/
-
take picture using device
-
save picture to device file directory (mobile phone gallery)
-
add geolocation meta data
-
add picture & message to map