arjohnston / myface Goto Github PK
View Code? Open in Web Editor NEWThe social media you didn't know you needed
The social media you didn't know you needed
In addition being able to create an account, use Google's auth service to login
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
Create Post
Retrieve posts for one user in chronological order
Retrieve given number of posts for group of users:
MobX / Redux for global state management:
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
Create API routes & models for saving and retrieving user profile information
Right now, we're required to use 'node util/scripts/start.js' as using 'npm start' is erroneous.
This would entail retrieving messages from the DB, displaying them, creating messages and reloading the component when new messages come in
New device detected email sent
The header component should include at least:
And it should be stateful, showing different information when logged in versus not logged in
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
Create API endpoints for friend finder:
Search
Accept friend request
Block friend request
Request friendship
Retrieve friend list
Search for friends out of all users in the DB with keywords
Request friendship
accept/block incoming friend requests
View friendlist for self
An eye icon to the right of the password field so a user can see what password they're entering in plain text
Add an image, bio and create posts
Will need to fetch data from the DB, such as image, biography, user posts, etc
Create the models & routes associated with storing and retrieving messages for a user
Some issues will be concurrent messaging. In that case, something like socket.io may be a solution:
https://github.com/socketio/socket.io
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
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
Encrypt, or create sessions..need to look into it more:
API routes for Images / Videos
Will we use S3 to store the assets?
You know, because it's 2020
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
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.