A React Native CRUD application with a simple reminder form and screen. Instructions to view and interact with the current project version can be found below.
- React
- JavaScript
- React Native
- No Backend.
- Frontend only.
- No data storage.
- Designed on iPhone.
- Data does not persist.
- Minimal Android design time.
- A user can create a reminder.
- A user can see when they will be reminded.
- A user can set a reminder to complete in that list.
- A user can see a list of all the reminders they have created.
- A user will receive a local notification five seconds after reminder creation outside of App foreground as proof of concept reminder.
This application was built as a code challenge, and is my first foray into React Native. I utilized Expo Go Quickstart within the official React Native Documentation and read through all visibly pertinent material. Afterwards I read through all pertinent Expo Documentation since I decided to leverage it.
- To add a reminder press the plus icon/button in the upper left hand corner. Doing so will pull up the create reminder form.
- To exit the create reminder form press the x icon/button in the upper left hand corner.
- To create a reminder navigate to the create reminder form, type your reminder in the "Write Reminder" text input field, and press the calendar button/icon to set a date and time. After completion press the submit button. Your newly created reminder should appear on the reminders list screen.
- To mark a reminder as complete tap the square and a check will appear to mark it as complete.
- To delete a reminder tap on the reminder itself.
- To see the reminder notification that is automatically set upon reminder creation you must be outside the app itself. The notification will appear with the title 'Reminder' and the reminder text and scheduled date/time as a string.
- Reminder notifications are not tied to the actual date/time itself currently, as the current notification function is a proof of concept.
- Attempting to schedule the date/time of reminder force closes application. This behavior was recently reported in the react-native-modal-datetime-picker repository, to which I also reported the same behavior in this project since it utilizes it.
- UI/UX on some phones overtakes status bar.
- UI/UX on app overtakes some phone status bars.
- Reminder Preview section shows undefined when app initially loads or is reloaded.
- Reminders with completion checkmarks inherit lack of checkmark from above non-completed reminders when deleted.
- Reminders spill off the lower half of the screen and are not scrollable currently.
- Local non-app foreground notifications appear on utilized iPhone for development, but not on others iPhones. I have pinpointed it to be due to Apple permissions. Expo-permissions has been recently deprecated and am learning to implement its replacement.
COMING SOON
MIT