Our project will create an app that displays a scrollable list of coffee images with their names and descriptions from the Coffee API, with the searchable and favorite function.
- Category: Lifestyle/Food
- Mobile: Mobile is essential for the instant browsing. It is used for checking a list of available coffee flavors that cafes can add to their menu. The user also can search for the name of the coffee that they want to purchase.
- Story: Shows a scrollable list of coffee items with their name, images, and descriptions that baristas can add to their "favorites" list.
- Market: Any coffee enthusiast or barista can use this app. The API is constantly expanding its coffee datasets which are available online for free.
- Habit: Users can access it anytime throughout the day for inspiration and ideas for different crafts to make with their coffee.
- Scope: We do not intend to create separate versions of this app. This app should automatically update based on the dataset uploaded in the Coffee API used.
Required Features:
- Display a scrollable list of coffee items.
- Display the name, image, and description of each coffee item.
- When clicked at the top, user can search through the coffee items
Stretch Features:
- Search for a coffee query.
- Implement Dark Mode
- Allow multiple lists apart from the default "favorites" list.
- Remove an item from the favorites list.
- Get Coffee Images
- User can search for a type of coffee
- User can filter results by name of coffee
- Sample API Hot Coffee
- Stretch: Sample API Iced Coffee
Required Feature
- Display Coffee: User can scroll for list of coffee.
- => user can tap on a coffee image.
- => user can search the coffee by entering the name.
- => coffee item gets added to list.
Main Landing Page:
Coffee Browse Section:
Favorites Page:
Use the same Figma link and run! it should show the working prototype :)
Here's a place for any other notes on the app, it's creation
process, or what you learned this unit!
We are still working on creating a favorite list that user can add their favorite coffee into the list, which is also like the shopping list.
For Milestone 2, include 2+ Videos/GIFs of the build process here!
Step 1: Created recyclerview of coffee list with dark mode and divider features
Step 2: Added the searching feature for user to search the coffee name
GIF created with InShot
Copyright 2023 Hua Xiao, Mavis Javier, Shraddha Subash, Sydelle Mutabaruka, Pallavi Mekala
Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.