We need a better tag picker component.

Further resources:
https://primefaces.org/primereact/showcase/#/chips

It's currently not so intuitive to tell if the resource you just tried to post was submitted or not.
Maybe notifications and temporary block the post writer component for 3 to 4 seconds

https://www.primefaces.org/primereact/showcase/#/toast

The "friends" concept requires that both users take actions (send invite, accept invite) to stablish a connection between then. Using a concept of "following and followers" will help the users to get engaged with each other without having to wait (and hope) until the other user accept his invite.

This will also help with the data model structure that currently requires to perform updates in two profile documents when a request is sent.

Also, no more "friendRequests" collection bye bye

This is why I'm getting away from "friends" and starting with "followers"

Tasklist

• Implement it in the backend (always easier...)
• Remove the old "friends" code
• Implement in the webapp
• Change that icon of the heart that does not want to go filled
• Make a page to see the full list of followers/following of a user. With lazy loading
• Ship it =)

Primeicons is pretty cool for the basics, but it is not fitting what I need anymore. I need a more complete icon set to work with

When the user first click the field, a list with all the users is shown. This is not very intuitive at all

Currently, we are not using all the potential of NextJS because on the server side render, the authentication is not set, and all the pages requires authentication (if not authenticated you will be redirected to the login screen at any point).

This makes SSR and SG completely unusable because the server is actually rendering just the login screen.

Along with #6 which introduces the concept of making data public, we will be able to make routes that does not require authentication. Instead, renders the "public version" of the page when not authenticated and do not perform weirdo redirects.

However, pages like /me will need authentication anyway...

https://auth0.com/docs/microsites/protect-api/protect-api

Why

The current contact information field is very basic and hell confusing.

What

Put in the user's profile dedicated fields for platforms like Skype, Discord, Telegram. Along with privacy protection so the user can choose if it wants to make each different contact field public, friends only or completely private...

Future Perspective

Maybe integrations with auth APIs to allow link the WheresMyDuo account with accounts on other platform and automagically keep sync of the user's contact information...

Tasklist

• Remove the old code
• Make the backend support the new feature
• Make a settings page in the webapp to allow change the contact values
• Allow change the visibility of the contact values
• Make a display of the contact values in the profile page of the users
• Make a button to easily redirect the user to the page to edit its contact information
• Search and implement a bit more about mask in the fields (masks on Telegram field looks promising, never used it tho)
• Ship it =)

Terminology

By highlights it's meant a small video clip, GIF or screenshot of a moment that occurred in a gameplay. For instance: A 10 seconds video clip where a player made a double kill.

Quick Description

The users will be able to upload the highlights that occurred during a gameplay. Those highlights will be public available in the profile of the user who posted it. Users will also be able to rate each other's highlights and make a single comment.

Flows

Upload a Highlight

In the top menu, there will be a button where users will be able to upload the file containing the highlight (image, gif or video files).

View Highlight

There will be a separated tab in the profile's screen where a thumbnail of the highlights uploaded by the profile owner will be available in a list format. Clicking the preview, the highlight will be shown in a wider format (e.g. full screen on mobile).

Remove Highlight

Users will be able to remove highlights for its own profile by going to the highlight's tab and exclude a highlight in the list.

Rate and Comment

Users will be able to attach a single comment to other people's highlights and include a rating (1 to 5 stars format). Comments and rates will be public available in the commented/rated highlight's page.

Report Highlight

Users will be able to report a highlight or a comment if it doesn't find the WheresMyDuo Community Guidelines (Work In Progress). Those reports will be available in the administrator's dashboard and will be manually judged.

Future Perspective

• Create a "feed" like feature that shows featured highlights.
• Analyze highlights using an IA service to detect NSFW content.
• Analyze highlights using an IA service to detect if the content is an actual game, send it to people that actually like the game shown.
• Be able to automagically capture and post highlights using the Nvidia Highlights feature or something like that.

Exceptions when the backend need to send a 401 in the GraphQL endpoint are not working correctly

Quick Description

Users will be able to make posts, which will be published in their public profile. Every user will have a feed with the most relevant and latest posts made by users that it is following.

Flow

Create Post

In the top of their feeds, users will have a field that will let them write text and post it to their profile.

Delete and Edit Posts

Users will be able to delete or edit the post text. However, an edit history will be kept, and it will not be possible to edit attachments at first.

Hot Posts

Users will be able to mark other people's posts with "Hot". That means that the user find the post is interesting in some way.

Comments and Replies

Users will be able to comment a post, and replies to this comment can be made. Comments will have the same visibility as the post. It will not be possible to reply to another reply...

Related to #1

Why

Users (and this includes me) are lazy and don't want to manually select each hour

How

Replace the manual selection of each hour of the calendar with labels like "Early Morning", "Late Morning", "Noon", "Night". Keep it independent for each weekday. I also have the timezones to deal with later

No need for complexities, just to have something to land new users on.

Probably using the existing app brand component with a bigger font size, put a login button and a bit of explanation about how it is supposed to work.

Maybe a disclaimer about not needing registration

Make cool collectable badges to users show in their profile. Like "Staff" for the app's staff, "Sponsor", "Active User", etc

Current one is garbage

Not really a bug, but an annoying thing

https://sampotter.me/tech/how-not-to-do-layouts-in-nextjs

https://adamwathan.me/2019/10/17/persistent-layout-patterns-in-nextjs/

Why

Because the current one is fucking ugly. This will also engage users to keep filling the profile

How

Make a wizard with three steps for first selecting the game, then the tags and the calendar after that. Keep displaying user-friendly messages like "wow, a lot of people play this" if the game is widely played, or "lol I know someone who plays this, his name is {link to profile page}" if the game is played by fewer people.

Use "Skip" or "Next" buttons to navigate through the wizard.

Also make a good game picker component showing some images about the game, maybe a carousel like component with a search bar at the bottom.

Also something more interactive for selecting the initial tags, maybe suggest tags based on the most used ones for the game that is selected.

Since the concepts of the app are fast changing to something more engaging, I don't see more reasons to make users fill one calendar per gaming profile. Instead of this, they can just tell which days/hours they can play, and it will apply to every game in the list. However, I think it's useful to keep the tags separately between gaming profiles...

Put this in the URLs instead of the uid, make it editable and unique