Using Javascript, Node and HTML/CSS I created a React.js app that is basically social media for pets! The app uses MongoDB to store all the users and posts so they can be saved and retrieved when needed. The backend uses express.js, node.js and jsonwebtoken and is hosted on Heroku and can be interacted with by the front end which is hosted on Netlify. The app can be checked out here.
User information is saved in MongoDB Atlas and is hosted on a server. The login screen uses a form and checks the input of the email and password with thr database to see if it is a match. If it is the user is granted an authentication token and can access the rest of the website. If it is not recognized the user must sign up and input all the necessary fields then it will be pushed to the database and they can log in.
Similar to how users are stored, the posts are stored in their own collection in the database and they are linked to the account that posted them. When the user loads into the home screen a list of all the posts in the database populates the feed in the order they are stored. These posts have their own information. For example, likes and comments will show correctly and be updated in the database when anyone interacts with them on the front end of the application.
Friends are stored inside the user collection in the database and can be easily added and removed. When one user adds the friend then both users gain the other as a friend in the database.
