A React Native client for http://www.looplist.xyz, current in testing on Testflight and will be on the App Store shortly. Android thereafter. Links to follow.
The backend uses Node.js, Express.js, and Socket.io routes with a MongoDB Database
- Clone repo
- In your terminal:
yarn install
yarn start
(1) Update version number in app.json
(2) Run
$ expo build:ios // or
$ expo build:android
(3) Click links provided when (2) completes and download the build(s)
(4) Xcode > (Menu)Xcode > Open Deverloper Tools > Application Loader > Go to Generate app specific password
(5) Once in, choose and upload build from (3)
(6) Go to App Store Connect > My Apps > Loop List (> TestFlight, for beta)
(Note: If you need to manage certificates go here
-
Implement routes
-
If not logged in (Switch Navigator)
- show
/login/
screen modal (which user can not dismiss) - If a user does not have an account, they can navigate to
/signup
to create one
- show
-
If logged in, a user will see (Stack Navigator)
- List of checklists
- Detail view of checklist
-
-
Build Flatlist of checklists
- fetch all list names
- allow user to click on a list name to pull up the Detail view
-
Build ChecklistDetail view
-
fetch all todos
-
allow user to toggle todo completion
-
allow user to reset all todos
-
UI/UX Improvements / Stretch Goals:
- Use socket.io instead
- allow user to create new list
- allow user to delete list
- allow user to create new todo
- allow user to edit checklist title
- allow user to edit todo
- add swipe to delete
- add auth error handling messages
- allow user to add todo between rows using enter key
- allow user to remove todo using backspace key
- add keyboardavoidingview to gracefully scroll up screen on Login, Signup, Home and ListDetail
- figure out why password autofill not showing up on Login but is showing up on SignUp
-