amy-lei / fellowboard Goto Github PK

For good user experience, it'd be best if the user can simply add a link for the post instead of manually filling out the title, description, timestamp, etc. It's possible by using regex to parse the link for the video id and fetching from youtube data api.

Help on the regex

• Be able to do login with GitHub

• Give feedback when error returned from trying to post an invalid URL
  • Instead, all we get right now is the spinny wheel of death
• Don't allow for empty tags

• User model
  • Fields: id, login, name, avatarUrl, bio
• Post model
  • Fields: _id, tags, title, content, isPinned, isPublic,

To tie everything together, we need to:

• Add user to DB if it's their first time logging in (by checking if their github username already exists)
  • If exists, just fetch the user
  • Otherwise, create a user following the schema
• Fetch posts that where isPublic || creator === githubUsername

This should probably go into the login endpoint/happen when github successfully authenticates the user.

Can probably do so by keeping the "page" as a state and updating the filter callback accordingly

Heroku maybe? I remember Will also mention domain something credit 👀

Users can only delete their own posts or server created posts (since we’re advertising this as a community thing lol)

Right now querying by title is case insensitive for best UX. Should this also be the case for tags?

Will need to discuss the format in which we send the data as well as which endpoints are needed. This is what I have in mind for now:

• Add posts
  • Will need type, isPublic, creator, content
• Update posts
  • New tags
  • Edited content (will we allow for this?)
• Update user — probably split into separate endpoints
  • Pin post
  • Update info (e.g. discord username)

• Add bot to MLH Discord
• get previous messages from topics category
  • get links from messages, include title of link (if possible)
  • make database request with new "post" object

- [ ] get user data
- [x] user name, discord tag, nickname
- [ ] user pod, user project
- [x] user role (fellow/mentor/maintainer)
- [ ] map discord info to github info if possible (maybe manually if time permits?)

We should further discussion how to split all this contact data into posts. But here are some proposals for now (where each bullet is its own post):

Larger but general:

• MLH Staff (and their roles if possible)
• Pods (their mascot, number, mentor, and repos)
• All MLH Fellows (and their pods)

Smaller, but multiple

• MLH Staff
• Pods and their members and mentor
• Repos by language

• Fetch all videos from MLH that begin with MLH Fellowship,
  • store title, thumbnail, link

maybe we need one for both client/ and server?

Having a style config would help a lot in the readability of our code :D

• Card component
  • All should have: Title, creator, timestamp,
  • If a Youtube video:
    • Thumbnail, Youtube Channel(?)
  • Maybe click on it (or clicking on a button) will expand it to a popup.
• Search bar
  • Text starting with # filters by tags
  • Filter by title otherwise
  • Commas should result in a separate filter (treated as an OR or AND)
• Add post form
  • Floating button when unclicked
  • Offers options based on discussed types, and forms should match those types
• Profile
  • Avatar, Full name (if applicable) else Github username, Discord username (if applicable) else have a prompt: Add your discord name
• Navigation
  • Explore vs Dashboard based on the route

Just for that extra wow factor :)

The Plan

• Fetch all PRs from repo
• Fetch all issues from repo

Its been miserable scrolling back up manually

• Will need to paginate things

update "contact" type Post objects to have more accurate tags

Github posts will need some planning as to what and how to display
Discord posts can go under the same switch case as text, except add the thumbnail.

😄

Right now the Youtube posts simply contain a link to the video and a thumbnail. Ideally, clicking on the thumbnail opens a video player, either in a separate route or as a popup. (Will need the video Id)