Shibushi (试不试) is a virtual wardrobe app designed to help you organise your wardrobe, plan your fits and share them with a like-minded community! This app was submitted for the 1D project during the 50.001 Information Systems & Programming course in SUTD, Spring 2022.
Upload, tag and organise your wardrobe.
Unleash your creativity. Make a moodboard for every vibe!
Browse and share outfits with friends!
Customise your profile!
We used two databases from Firebase - Cloud Storage and Cloud Firestore. The reason was that Cloud Storage was better suited for image storage with higher storage capacity and could natively handle JPEG and PNG images. Clothing metadata was stored on Cloud Firestore due to more comprehensive queries, and to consolidate with user and outfits metadata.
For Cloud Firestore, we have 3 collections: cUsers, cClothes and cOutfits which holds the metadata for a user, clothing and outfit respectively. All images are stored under the images folder in Firebase Storage.
Each clothing is stored as a document containing its metadata such as colour, category, size and occasion. The field userid helps us identify the owner of that clothing. Creation time as a timestamp object for tracking purposes, and most importantly the img_name which is used as a reference to the image of the clothing stored in cloud storage.
Each outfit is stored as a document containing its name, userid of the owner, timestamp of its creation time, unique outfitID which is used to reference the outfit document, and category. For fast referencing to the images in cloud storage, we also stored an img_names array containing the image names of all clothing in a single outfit. Furthermore, under item is an array of all the clothing documents that are part of the outfit which could be used for outfit classifications.
We keep track of attributes related to the community feed. The field bio contains user’s bio, an array of followers containing the userid of all the user’s followers, another array of following containing all the userid that the user is following, userid as a reference to the current document, and username of the user. The user’s profile_photo also stores the reference to the image of the user’s profile photo in cloud storage.
cWardrobe, cClothing, cUsers and cOutfits are model classes that correspond to the collections in the firestore. These models were used to store data in local variables temporarily for easy referencing, so that we do not need to do multiple queries to fetch them from the Firestore.
To sort outfits in feed in descending timestamp, the Comparable interface was implemented under the model class cOutfits.
On top of the recyclerView taught, we modified it and implemented a nested recyclerview to suit the needs of our application. The feed and profile consists of a parent recyclerview, populated by the user's outfits. Inside each outfit is a child recyclerview populated by images belonging to that outfit. Thus, to do this we created FeedParentAdapter and Feed Child Adapter classes.
In FeedActvitiy, a query is made to fetch the most recent outfits created by current user’s list of following users, and stored to cOutfitsArrayList. It is then passed to FeedParentAdapter, which will then pass a list of the clothing’s image names into FeedChildAdapter.
cUsersAdapter is an adapter class used to populate the RecyclerView in SearchActivity. It makes use of a nested interface called UserClickListener, that requires us to define the method onSelectedUser under SearchActivity. An example is shown in the code below. When users select any of the Users displayed in the recyclerview in SearchActivity, it will start an activity of the selected user’s profile.
Since processing and loading photos takes time, we added ExecutorService to load the bitmaps inside the recyclerView in outfits and wardrobe features. The code snippet below shows how Picasso library was used in the background single thread to load and resize images. This modification improves the user experience as it significantly reduces the time taken to load bitmaps onto the imageviews.
- Android Studio
- Cloud Firestore
- Cloud Storage
- Firebase Authentication
- Java
- uCrop module and sample activities https://github.com/Yalantis/uCrop
- Interactive floating action button https://github.com/zendesk/android-floating-action-button
- Universal Image Loader https://github.com/nostra13/Android-Universal-Image-Loader
- Glide https://github.com/bumptech/glide
- Circle Image View https://github.com/hdodenhof/CircleImageView
- Jackson Object Mapper https://github.com/FasterXML/jackson
- Picasso https://square.github.io/
TEAM 3B
- Guo Yuchen 1004885
- Jolin Teo Hui Lyn 1005344
- Joshua Ng Tze Wee 1005285
- Samuel Chiang Wenbin 1005142
- Xiang Siqi 1004875
- Wang Yueheng 1004866
- Wang Zhao 1005460
Copyright 2022, Mason Guo
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.