nodebook_client

View the project here! 👀

Nodebook API repo - click here!

Summary

This was the final project for The Odin Project's NodeJS curriculum. The goal of the project is to build/re-create a functional social media platform with a backend. This application is closely modeled after Facebook & Twitter.

Technologies:

• MongoDB
• Express
• ReactJS
• NodeJS
• SASS
• Styled Components
• Amazon S3 Bucket

Features:

• Responsive design for desktop, mobile, and tablet.
• Styled components used to create multiple themes.
• MongoDB used as the database, Amazon S3 bucket used for images.
• Infinite scroll in timeline, all profile feeds, comments & followers/following/likers lists.
• Create a profile or use the test account (test account cannot edit the profile's info). Signup/Login/Logout authentication.
• Upload an avatar and cover picture with the ability to crop. Edit profile to include user info or update profile pictures.
• Post a message with or without an image and comment on other users posts.
• Like/Unlike posts and comments. View the likers of a post or comment.
• Notifications sent on like, comment, or follow. Notifications removed on dislike, deleted post, deleted comment, or unfollow.
• Posts and comments can be edited or deleted. Edited posts and comments display that they have been edited.

Demo GIF

Desktop

Mobile

---

Thanks for checking out my project! Any && all feedback is appreciated!