The myface's discuss from arjohnston

Right now, we're required to use 'node util/scripts/start.js' as using 'npm start' is erroneous.

Create global layout component

A layout component defines similar styling between multiple pages (e.g. color, size of inputs). This way its to create standardization

Take a look at: https://github.com/arjohnston/health-tracker/blob/master/src/components/Dashboard/Dashboard.js for an example

Add messaging

A messaging component should be available on each page so anyone can directly message others no matter what page they're on
A messaging page should also exist

This would entail retrieving messages from the DB, displaying them, creating messages and reloading the component when new messages come in

Create an infinite scrolling feed

An object with the feed data would be fetched from the database, in chronological order of only friends, parsed through and displayed - similar to other social media feeds.

The component should be "infinite" scrolling. One solution may be to display the top 50 posts and when the user scrolls to the bottom, then fetch the next 50 posts, etc.

Here's a simple example of infinite scrolling: https://codesandbox.io/s/yk7637p62z

Add infinite scrolling upwards for messaging

Batch the amount of messages received at a given time to improve performance.

Querying and appending messages typically isn't an issue however when prepending messages, the scrollTop value is now different if we want to preserve the location of where the user was scrolled. Naturally, we should scroll to the old message, but browser compatibility is unstable between Firefox/Chrome. Different mechanisms should be looked into, including injecting refs and scrolling to those

standard library incorrect w/ some indentation

To reproduce, change line 226 on Register.js and then commit the file. During the standard check, it fails due to improper indentation when the library tries to fix it

Too many login attempts

Cap the amount of times someone can login to 5 times over a period of 10 minutes. Display an error message when too many attempts were taken

Create a global header component

The header component should include at least:

Logo
Internal navigation (Home, Messaging, Friend Finder, Profile, etc)

And it should be stateful, showing different information when logged in versus not logged in

Show warning for when caps lock is on when entering a password

Save & Retrieve Assets

API routes for Images / Videos

Will we use S3 to store the assets?

"Show password" button when logging in/registering

An eye icon to the right of the password field so a user can see what password they're entering in plain text

Use recaptcha for Register

Darkmode

You know, because it's 2020

Profile page

Add an image, bio and create posts

Will need to fetch data from the DB, such as image, biography, user posts, etc

Create Notifications

Add username

Also need to collect First/Last name of the person to display it in the app. The username by default could be their parsed email before the @ symbol. if duplicates exist, add a number to the end of it.

For example, [email protected] would be username: abc
If abc already exists in the system, then it would be abc1, abc2, etc.

A user can also make their own unique username

For example, on the infinite scrolling the top 50 posts would be retrieved for a user and that users friends

arjohnston / myface Goto Github PK

myface's Issues

Recommend Projects

Recommend Topics

Recommend Org