- Front End: Cody Smith, Ed Stoner
- Back End: Maria Ronauli Alexis Dumortier
As the threat of COVID-19 continues to loom, it's not safe for some people to leave their house, even to buy essentials. Trackbasket allows this at-risk population to create grocery lists, and connects them with volunteers who shop for and deliver their items.
The tech stack for this project included:
Front end:
- React Native
- React Navigation
- React Hooks/Context API
- Expo
- React Native Testing Library
- Jest
Back end:
- Python
- Flask
The app consumes the Kroger API.
In the app, an at-risk user can:
- Register
- Shop for a list
- Submit the list
- Edit the list
- See the updated status of the list
A volunteer can:
- Register
- See all pending lists, sorted by distance, number of items or age
- Adopt a list
- Change the status of a list
- Shop the list
- Un-adopt the list, if needed.
This GIF shows the at-risk user path, including registration, editing registration info, searching for items, and putting items in the cart. (At-risk user on left, volunteer on right)
This GIF shows an at-risk user submitting a cart. It also shows the volunteer path, including searching and sorting volunteer opportunities and choosing a list. (At-risk user on left, volunteer on right)
This GIF shows shopping a list, changing its status and abandoning a task. (At-risk user on left, volunteer on right)
- if you don't have Expo installed, follow the setup instructions Here
- run
git clone https://github.com/track-basket/trackbasket_FE.git - run
npm install - run
expo start