SquadHouse/KekHouse/PepeHouse ??
Table of Contents
Overview
Description
SquadHouse is an audio-chat application designed to allow and facilitate conversations between individuals on the platform concerning any perceivable topic they wish to entertain.
App Evaluation
- Category: Social/Audio
- Mobile: Will be a purely mobile experience to allow users freedom of hearing/joining in on audio rooms on the fly.
- Story: Allows user to share their opinions and have conversations with people in various fields/interests.
- Market: Anyone that wants to talk about current events or hear what professionals are conversing about in their respective fields.
- Habit: Users can open audio rooms at any point and invite people they want to converse with as they wish or make the room public for free entry/leave.
- Scope: Rather narrow scope of audio rooms, similar even to podcasts/radio sessions but could branch out to some functionality similar to the 'live' features found commonly on platforms like Instagram, TikTok, so on so forth.
Demo
Product Spec
1. User Stories (Required and Optional)
Required Must-have Stories
- [x] User can sign up (basic basic sign up w/ username password combination email only)
- [ ] User can verify their phone number (required to be able to start audio rooms)
- [ ] User can sign up via phone number.
- [x] User can logout of their account
- [x] Users can search up other users.
- [ ] User can create a new audio room with designated participants/clubs of people.
- [ ] User can see currently open audio rooms of people they follow.
- [ ] User can see audio rooms of other topics they might possibly be interested in.
- [ ] User can see other people currently in the audio room they are with
- [x] User can see their own profile
- [x] User can see other people's profiles (from search bar)
- [x] User can edit their own interests
Optional Nice-to-have Stories
- [ ] User can connect their account to other social medias: Twitter, Instagram, etc.
- [x] User can search up clubs
- [x] User can search up users
- [ ] User can explore active rooms categorized by interest labels
- [ ] User can endorse/verify new users.
- [ ] User can deactivate their account.
- [ ] User can create a new event/schedule it
- [ ] User can create a club
- [ ] User can invite people.
2. Screen Archetypes
- [x] Login Screen
- User can sign up via phone number.
- [x] Home Screen
- User can create a new audio room with designated participants/clubs of people.
- User can see currently open audio rooms of people they follow.
- User can see audio rooms of other topics they might possibly be interested in.
- [ ] New Event Screen/Page
- User can create a new event/schedule it
- [x] Explore Screen
- User can search up topics/interests/users.
- [ ] Notifications Screen
- User can see announcements/notifications from clubhouse
- [x] Profile Screen
- User can see their own profile and the profiles of others
- [x] Interests Screen
- User can toggle which interests they have
- [ ] Account Screen
- User can logout/deactivate their account
- [x] Club Screen
- User can view a Club's profile
3. Navigation
Tab Navigation (Tab to Screen)
- Home Feed/Page
- Explore User/Interests/clubs
- Invite Tab
- Event Tab
- Activity Tab
- Profile Tab
Flow Navigation (Screen to Screen)
- Login Screen
- Home
- Waiting Screen ?
- Registration Screen
- Home
- Waiting Screen ?
- Home Feed
- Explore Screen
- Event Screen
- Notifications Screen
- Profile Screen
- My Profile Screen
- Account Screen
- Interests Screen
- What's New/ FAQ/ Community Guidelines/Terms of Service/Privacy policy
- Explore screen
- Explore Club Profile
- Explore User Profile
- Explore Club Profile
- Explore User Profile
- Following Screen
- Followers Screen
Wireframes
Home page
Event Details
New Event Page
Profile Page
Settings Page
Interests Page
Account Settings Page
[BONUS] Digital Wireframes & Mockups
[BONUS] Interactive Prototype
Schema
Models
User
| Property | Type | Description |
|---|---|---|
| objectId | String | unique id for the user post (default field) |
| createdAt | DateTime | date when post is created (default field) |
| updatedAt | DateTime | date when post is last updated (default field) |
| emailVerified | boolean | user has verified through email |
| biography | String | user biography |
| image | File | image uploaded by author |
| username | String | username set by user |
| firstName | String | first name set by user |
| lastName | String | last name set by user |
| password | String | password set by user |
| phoneNumber | String | user phone number (Ex. +14081230000) |
| String | email address | |
| nominator | User | verifier of elligibility to be active on the platform |
| following | List |
collection of users that a particular user is following |
| clubs | List |
collection of clubs that are followed |
| isFollowed | Boolean | client-side variable for persisting follow state |
| followerCount | Integer | count of the User's followers |
| isSeed | Boolean | status of whether the iuses |
Club
| Property | Type | Description |
|---|---|---|
| objectId | String | unique id for the instance (default field) |
| createdAt | DateTime | date when instance is created (default field) |
| updatedAt | DateTime | date when instance is last updated (default field) |
| members | List |
collection of users defining the club roster |
| followers | List |
collection of users following the club |
| name | String | name of the club |
| description | String | description of the club |
| image | File | club profile picture |
| interests | List |
list of the club's Interests |
| isFollowed | Boolean | client-side variable for persisting follow state |
Interest
| Property | Type | Description |
|---|---|---|
| objectId | String | unique id for the user post (default field) |
| createdAt | DateTime | date when post is created (default field) |
| updatedAt | DateTime | date when post is last updated (default field) |
| name | String | name of the Interest |
| emoji | String | UTF-8 String representation of emoji the interest |
| image | File | club profile picture |
| archetype | String | umbrella category of Interest |
| archetypeEmoji | String | UTF-8 String representation of emoji for the archetype |
Follow
| Property | Type | Description |
|---|---|---|
| objectId | String | unique id for the user post (default field) |
| createdAt | DateTime | date when post is created (default field) |
| updatedAt | DateTime | date when post is last updated (default field) |
| from | Pointer |
origin of the follow action |
| to | Pointer |
receiver of the follow action |
RoomRoute
| Property | Type | Description |
|---|---|---|
| objectId | String | unique id for the instance (default field) |
| createdAt | DateTime | date when instance is created (default field) |
| updatedAt | DateTime | date when instance is last updated (default field) |
| phoneNumber | String | Twilio phone number formatted with + (Ex. +16175551212) |
| isAvailable | Boolean | status of phone number availability |
Room
| Property | Type | Description |
|---|---|---|
| objectId | String | unique id for the user post (default field) |
| createdAt | DateTime | date when post is created (default field) |
| updatedAt | DateTime | date when post is last updated (default field) |
| title | String | name of the room |
| clubName | String | optional field for associated club |
| phoneNumber | String | Twilio phone number formatted with + (Ex. +16175551212) |
| participants | List |
collection of users defining all users in the room |
| cohosts | List |
User(s) that have speaker permissions in the room with limited admin privileges |
| host | User | User that is the host of the room |
| isActive | boolean | status of room being live |
| startedAt (TBD) | DateTime | date when room was started |
| endedAt (TBD) | DateTime | date when the room ended |
Networking
List of network requests by screen
- Home Screen
- (Read/GET) Query all events taking place later (MAX 1 Day) where user has an interest
- (Update/PUT) Update user followerCount
- Create Room Screen
- (Read/GET) Query for available RoomRoute
- (Update/PUT) Update RoomRoute.phoneNumber availability
- (Create/POST) Create a new room
- Live Room Screen
- (Update/PUT) Update RoomRoute.phoneNumber availability
- Login Screen
- (Read/GET) Query for existing user
- Signup Screen
- (Create/POST) Create new user
- Configure Room Pullup Screen
- (Create/POST) Create a new room object of type
- Allow configuration of: Open, Social, Closed
- Allow configuration of: Topic
- My Profile Screen
- (Read/GET) Query logged in user object
- (Read/GET) Query user followers
- (Read/GET) Query user profile image
- (Read/GET) Query user profile biography
- (Read/GET) Query user profile firstname
- (Read/GET) Query user profile lastname
- (Read/GET) Query user profile username
- (Update/PUT) Update user followerCount
- (Update/PUT) Update user profile image
- (Update/PUT) Update user profile biography
- (Update/PUT) Update user profile username
- (Update/PUT) Update user profile firstname
- (Update/PUT) Update user profile lastname
- (Update/PUT) Update user profile interests
- (Update/PUT) Update user profile following
- Explore User Profile Screen
- (Read/GET) Query user followers
- (Read/GET) Query user profile image
- (Read/GET) Query user profile biography
- (Read/GET) Query user profile firstname
- (Read/GET) Query user profile lastname
- (Read/GET) Query user profile username
- Explore Club Profile Screen
- (Read/GET) Query club followers
- (Read/GET) Query club profile image
- (Read/GET) Query club profile biography
- (Read/GET) Query club members
- Interest Screen
- (Read/GET) Query user interests
- (Update/PUT) Update user interests
- Create Club Screen
- (Create/POST) Create new club
Gifs
-Complete follow feature
-Complete unfollow feature
