gavincabbage / 19giap.com Goto Github PK

User login (and logout) functionality.

• Login button when not logged in
• Indication of current user when logged in, as well as logout button

Add a default avatar if users don't upload one (easy, just set avatarUrl to a default during registration if they don't provide an avatar)

Create a registration page to collect additional user information.

• Username
• Email
• Password (with second confirmation field)

Will need to store username and other meta data in regular storage.

Question: Possible/need to check uniqueness of username?

Improve security of firebase database rules

• Allow only admin user to adjust other users' data
• Hide users' email addresses and other sensitive info

Polished registration page and end-to-end process
-Form validation
-Avatar, username and other settings
-Decent styles and format

Set up SPA navigation, probably with a router. Need a solution to navigate and switch out page content.

On mobile, clicking avatar upload does nothing.

Possible fix relating to FastClick (is that used by polymer?)

 label > * { pointer-events: none; }

User profile page
-Avatar
-Username
-Date joined
-Edit button if profile belongs to current user

Nice to have placeholders that wont do anything if included:
-Tagline and/or Bio
-Location on earth
-Recent activity
-Personal message

Simple roster page lists all users and their attributes.

Improve header login section
-Constant size and collapses to just icon on mobile
-Avatar when logged in

Investigate a solution to restrict pages based on unauthenticated users

• No user authenticated should hide a lot of stuff
• Any user authenticated should hide registration and login
• Admin users should be able to see special set of pages

Allow users to edit their attributes.

Provide a page for the authenticated user to edit their metadata.

Allow a new user to register.

• Option provided when no user is logged in
• Includes registration page
• Leaves new user logged in

Implement a shoutbox functionality.

Implement basic firebase integration, possibly using polymerfire.

Implement a basic style that is appropriate for a VVS squad.

• Colors
• Fonts

Currently use window.location but that causes a reload. Changing mainApp.page is probably better.

Provide a page showing the users currently on teamspeak

Loading spinner or other screen while polymer is loading.

Put directly in index.html and use "resolved" attribute.

See http://stackoverflow.com/questions/25855898/polymer-preload-spinner

Setup Firebase email verification after user registration.