robotnoises / birdyard

Jazz on a webpage.

Birdyard

Jazz on a webpage.

https://www.birdyard.co

Item	Provider	Status
Continuous Integration	TravisCI
Code Quality	Codacy
Issues	Waffle.io

birdyard's Issues

User profile

A User can view basic information about a User.

1. If the profile is their own, it should be editable
2. If the profile is another user's, they should only be able to see items that are made explicitly public by that user.

Delete Account

A user should be able to delete their account.

Note: we should sign-out first, then delete.

Search

A User should be able to perform a search for rooms based on

• The room title
• The room originator
• Tag? (No concept of this yet)

Track user presence

*Be able to see if a user is on the site

• Get a running count of users onlline

Create a room

User's should be able create a room, which is:

1. A Title
2. A User's display name & handle
3. A Score (calculated based on up/downvotes)
4. A link to a node

A node must also be created. This node is just link any other node except its origin is an empty string.

{
  title: 'Some title',
  displayName: 'The User's Display Name',
  handle: '@user_twitter_handle',
  score: 0,
  nodeId: 'firebasePushId'
}

This will be displayed the main room digest locations of Bebop.

Trophy

Top comments (most favorites above some arbitrary threshold) are recognized by getting a trophy. The total # of trophies a user gets should be something that can be recalled later-on in the user's profile.

Pictures "wiggle" during transition

Tooltips

Static pages

Need some static pages for the following:

1. 404 errors
2. Old-browser redirects

Tip jar?

Notifications

A User should be generally aware of their replies. They shouldn't be notified of every single reply, but they should be notified for each comment of theirs that has at least one new repy to it.

Notifications should only display to the user if they are:

1. New (some arbitrary period)
2. Unread

The # of unread notifications should be displayed as a number that overlays the notification icon.
Notifications should be displayed in a list when the user clicks the notification icon.
Clicking a notification should take them to the parent comment, which is owned by the User.

Basic field validation for all forms

Display triple-digit notification count

Production build

Improve showMore directive

We can't rely on characters any more. Lines are key.

Swap Fonticons for regular Font Awesome

Sorry Dave.

Favorites

Summary

A user should be able to mark a comment as "favorite."

They cannot favorite their own comment.

They can only favorite a comment once.

Clicking a "star" that has already been favorited will un-favorite it.

Storage

A favorite will be stored in three places:

1. It will be added to an array in nodes/{nodeId}/favorites
2. It will be added to an array in nodes/{nodeId}/children/{childId}/favorites
3. It will be added to the user's stash (session-only) for quick retrieval of favorites

Retrieval

• When a node is loaded, the first place we should look is in the User's stash (sessionstorage). This will speed-up the process of displaying favorites.
• An asynchronous task will also fetch favorites from Firebase.

Infiniscroll on rooms list

An arbitrary # of rooms, sorted by score, should be displayed on initial page load. As the User scrolls to the bottom, more rooms should display.

Production build: combine 3rd party libraries

Edit a comment

A User should be able to edit or delete their comments.

Node children: race condition between scroll to bottom and markdown lazy-loading images

Results in not scrolling all the way to the bottom.

Scrolling on sidenav

Insert link to comment

A user should be able to easily insert a link to another comment without leaving their current context.

• Click Link to Comment button
• Get a quick list of recently visited links
• Choose comment to link

The link should be displayed differently than standard Markdown-driven links.

Ads

Not sure what to do about this yet...

Responsive/Mobile

Site is somewhat there already, just need to add a collapsible menu.

indexing

Private rooms

Just like a regular room, but password protected.

Unit tests

Log user out

Helpers for Markdown formatting

Click a button to insert markdown.

For youtube vids, present a modal that will create a preview image url from the video url. This will be its own Issue

nodeService.push() async

Need to make this async, sillypants.

Autoscroll should toggle off when user is hovering over comments link

This is to prevent autoscroll from moving the node right as the user is about to click the comment link.

Open circle font (Breadcrumb) missing

Admin dashbord

• Search for Users
• Ban/Lock Users
• Promote Users to admin
• Get a list of flagged posts
• Delete Posts
• Broadcast (Show a system-wide banner)
• Stats
  • Total # of users

Toast notifications

Rate limiting

To prevent Spam/Bots as well as to keep the conversation thoughtful, Bebop should enforce a dead period of arbitrary length (maybe like 15 3 seconds) during which the user can not submit a new reply.

1. There should be a visual indicator of this dead period on the client-side. If the user chooses to reply within the dead period, a countdown will be displayed on the dialog in a meaningful way.
2. Firebase security should rules be configured to invalidate any newData that is submitted during the dead period.

Add pictures and Videos

For now, videos should be from YouTube. Not sure about pictures.

Notify user to auth when they click the reply icon

Assuming a user is not currently signed-in, when the click the Reply icon in a room, rather than showing the the typical dialog, give them an opportunity to sign in via Twitter.

Special markdown helper for youtube vids

Browser sometimes locks-up during auth

user.activity.lastActivity not getting set for new users/users with no activity

Markdown icon + cheatsheet

Display a clickable icon that will pop-up a cheatsheet for those who are unfamiliar with Markdown.

List of worker tasks

Here's a running list of worker tasks...

1. Clean-up old data.... notifications
2. Validate stored objects with two-way relationships nodes
3. Calculate room "score" (based on time and # of replies)
4. Monitor/lock/ban accounts engaging in abusive activity... mostly a spam filter for accounts posting way too frequently Move to a new Issue for a later Milestone
5. Garbage collector for dead rooms (score below some threshold)

Markdown

I'd like to support markdown in some capacity. Not sure if I want the full-blown feature set or a lighter flavor.

Will likely use the angular-markdown directive.

Notifications - Get rid of markdown characters

Ex: Parse-out #

Up/Down vote rooms

• By default, a user will upvote their own room.
• A user can only vote on a room once (they can change their mind)

Indicator for no messages

Need some sort of indicator for when a node has no child nodes.

The user should be able to click the object, which should at least place the user's cursor in the textarea to add a message/reply.

Notifications: Filter-out replies to yourself

UI Overhaul

Needs a ton of polish, most notably:

• Pick an aesthetic and go with it (flat? depth?) flat.
• Finish notifications style
• Design rooms list containers
• Design comment container
• Smaller avatar/logo
• Move reply bar/window to bottom Decided to keep it up top.
• Auto-scroll on feature overflow
• New icons Stuck with font awesome

First time authenticating

Add a flag to the user object that indicates whether or not this is the user's first time signing in.

When an onAuth event fires, check for the flag. If it is false or undefined, redirect the user to their profile page, giving them the option to update Their "display name" and what they want public/private. There should be a callback to whatever the original page was when they are finished.