At times, it can get difficult to manage grocery lists in households. Shop&Share is an app that allows a user to create and share grocery lists with others while keeping track of allergies and preferences of the people sharing the list while reminding you of items in your pantry nearing expiration.
- User account registration and authentication
- User profile page
- User’s friends list
- User’s grocery lists
- User’s dietary preferences
- User setting page
- Allows to update dietary preferences, etc.
- Search and add friends by username
- User can create grocery lists and share the list with multiple friends
- Added friend have the option to edit the list
- Each list item has fields that user can add such as:
- Store, brand, price, quantity
- Option to add best before date when purchasing
- If user chooses to add a best before date, send notification near that date to remind user of items in their fridge
- Crossing off, updating, or deleting an item does the same for all users sharing the list
- Each list has a section showing dietary preferences and allergies of the people that it is shared with
- Upload picture of grocery item
- Easy share with QR codes option
- Coupon finder
- Use camera to scan best before date option
- In app search from different grocery stores
- Wireframing
- Frontend
- Backend
- React Native OR Flutter- Cross-platform mobile app development framework
- Git - Version control software
- Visual Studio Code OR Android Studio
- JavaScript:
- React Native:
- Flutter:
- Firebase:
- General tutorials that may help with development:
- Building user profiles example
- Group chat app examples (updating data in real time example, pretty similar logic):
- Local, Scheduled notifications:
- Flutter:
- React Native:
- Dart documentation
- JavaScript documentation
- Git Cheat Sheet
- GitHub How Tos, GitHub YouTube Tutorial
- How to be successful in Projects
| Week | Task(s) | Deliverables |
|---|---|---|
| 1 | Onboarding tasks | Meet the team, set meeting dates and times, schedule a design day, finalize tech stack, start environment set-up. |
| 2 | Wireframes and research | Finish up wireframes, practice apps with chosen tech stacks, practice git and github, final env. set-up |
| 3 | Coding app screens and backend logic | Frontend: 30% of app pages, Backend: authenticaiton, build a dummy database to practice updating real time info |
| 4 | Coding app screens and backend logic | Frontend: 70% of app pages, Backend: start incorporating database with frontend code |
| 5 | Coding app screens and backend logic | Frontend: 100% of app screens, Backend: continue incorporating database with frontend code |
| 6 | Frontend touch ups and backend integration | Frontend and backend should be working together to inegrate funcitonalities to create a functioning MVP |
| 7 | Frontend and backend touchups | Polished MVP |
| 8 | Stretch goals | If time permits |
| 9 | Presentation and practice | decide order of presenters, style of slide deck, write down a script |
| 10 | Finalize presentation and practice | N/A |
| Presentation week! | Wow the judges! I believe in you :) | 💙💙💙 |
npx react-native start → starts the Metro server npx react-native run-android → opens the emulator and installs the app1
git init → initializing an existing directory as a Git Repository git clone [url] → retrieving an existing remote repository into your local environment git add: git add → adds specific file git add . → adds all unstaged files git commit -m “” → commits the staged/added content as a new commit snapshot git push → transmits local branch commits git branch → creates a new branch from the one you’re on currently git checkout → goes to the given branch Most times, you cannot checkout unless you’ve committed and pushed the code from your current branch git pull → fetches and merges any commits made remotely (or by other members) Be careful while pulling! Sometimes, code can be overwritten if two people work and commit code on the same branch git status → tells you which branch you’re on and what files are staged or not staged