Giter Club home page Giter Club logo

Comments (14)

kentcdodds avatar kentcdodds commented on May 13, 2024

I realize this is scope creep and I've been on the receiving end of that and it's no fun. Most of this scope creep involves backend implementation I think, and that's on me. I may be under estimating the impact to the design, but I think this should be simple enough to include in the current design.

What I envision:

  1. An indicator of the logged in state for the user
  2. Indicators for the number of team members who have read and are reading a particular post
  3. Login/register and user settings pages

I think that should be it.

from kentcdodds.com.

kentcdodds avatar kentcdodds commented on May 13, 2024

Actually, the illustration of me on a snowboard/etc could be used on the page where users select their team. It could be themed after the available team colors (red, blue, and yellow) and then that character could appear throughout the site team indicators. Could be cool I think.

from kentcdodds.com.

kentcdodds avatar kentcdodds commented on May 13, 2024

The login flow works today in the deployed version of the repo: https://kentcdodds-remix.herokuapp.com/

If you want to see what pages are involved, you might register to see what the flow is like currently. Do a password reset and update your account name and email as well. If it doesn't work let me know, but it should work without trouble. The design is... nonexistent 😅

Here's a high level here are the important bits to everything:

  1. Login/register page
  2. Unconfirmed member settings page
  3. Confirmed member settings page
  4. Password reset page
  5. Changing email requires password
  6. Loading and Error states for all of this stuff (successful login/redirect animation, wrong password)

In addition to that, one other piece we need designed is some kind of indicator on each blog post that shows how many from each team has read the post and how many from each team are viewing the post in realtime.

Thanks!

from kentcdodds.com.

dealingwith avatar dealingwith commented on May 13, 2024

I created an account and logged in! My team is empty. How do you envision joining a team working?

the page where users select their team

How many teams are there? Are new teams created automatically or by users (or there won't be any new teams after the initial N number of teams)?

from kentcdodds.com.

kentcdodds avatar kentcdodds commented on May 13, 2024

There are only three teams. Red, Blue, and Yellow. I envision the selection to be kinda like choosing a team in pokemon go: https://youtu.be/d-nMDn2Cki0

Maybe with less storyline 😅

I was thinking the illustrator could make three versions of this guy (they'd look the same except in different colors and I think the illustrator is going to put him on a snowboard instead of skates, but whatever it ends up being):

image

So yeah, a screen that shows three of those guys in red, blue, and yellow which you can select after you confirm your email address and it's a lifetime selection. Then all you get from there is some indication of which team your on (probably around where you click to manage your account). It could be a miniature icon of the character in the color you chose. Then on each blog post there would be the indication of how many members of each team has read that post and how many are reading it at the moment.

If that doesn't make sense I'd be happy to chat over video. I don't think it needs to be super elaborate.

from kentcdodds.com.

dealingwith avatar dealingwith commented on May 13, 2024

I was thinking the illustrator could make three versions of this guy

Chatting with Maggie, we think trying to scale the character down is a bad idea, and that just three colored dots might better accomplish the goal here. What do you think?

from kentcdodds.com.

kentcdodds avatar kentcdodds commented on May 13, 2024

That sounds good.

from kentcdodds.com.

kentcdodds avatar kentcdodds commented on May 13, 2024

Or maybe we could do the character's head, a helmet, a skate, a snowboard, or a onewheel icon?

from kentcdodds.com.

MaggieAppleton avatar MaggieAppleton commented on May 13, 2024

I can check with Mohamed about making 3 coloured versions of the character.

If we're just putting the character on the team selection page that would work. I was thinking it wouldn't work to scale the character down to icon-size (eg. to indicate someone's assigned team in the navbar, or indicating how many folks of a certain team have read an article).

Using coloured dots for any smaller activity indicators is definitely the way to go. But coloured characters can be part of the account creation/on-boarding

from kentcdodds.com.

kentcdodds avatar kentcdodds commented on May 13, 2024

But coloured characters can be part of the account creation/on-boarding

Yes, that's what I was thinking as well 👍 Very cool. Looking forward to this :)

from kentcdodds.com.

kentcdodds avatar kentcdodds commented on May 13, 2024

Just had another idea that would be cool. We'll integrate with discord and in the KCD discord we'll have a role for each team and make their username in discord show up as that color! Yeeeha!

from kentcdodds.com.

kentcdodds avatar kentcdodds commented on May 13, 2024

So we're going to have a counter on each blog post for each team to show how many members of each team have read that post. I'm concerned this will lead to people just choosing the team with the most number of people.

So what I'm thinking of doing instead is not showing the number of people, but the percentage of members of a given team who have actually read the post. And to avoid with percentages as low as 3% (which wouldn't look good) we won't actually show the percentage, but do some kind of pie chart or something.

This has me thinking about Ingress portals and Pokemon Go gyms where one team can "claim" it as their own. So we could say that whichever team has the highest percentage of their members who have read the post is the team that owns the post. This can be signified by showing the character in that team's color above a bar/pie chart. Maybe we could even show something that says: "Hey Yellow Team Member! The Red team owns this post for now, but if you get 30 more of your team to read it, then it's yours!"

I think that could be really fun.

from kentcdodds.com.

kentcdodds avatar kentcdodds commented on May 13, 2024

And we could have a private channel in discord for each of these teams so they can coordiante.

And perhaps their "readership" on a post can have a halflife of a year or so too...

Anyway, just a few things I'm thinking about with teams to make them extra fun.

from kentcdodds.com.

kentcdodds avatar kentcdodds commented on May 13, 2024

I'd say this is done 👍 Thanks team!

from kentcdodds.com.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.