Back

Wall 4 Comment

Developed a website to send & receive truthful constructive comments. The name is inspired by somewhat of an interpretation of the video game term “4th Wall” (check the GitHub README.md for how I interpreted it). Developed using the front-end library ReactJs and Framer Motion for animations, Firebase builds were used to handle the back-end (Firestore database, Storage) and the project is hosted using firebase hosting. (NOTE: the recordings do not show some colors/shades making the UI look less usable, sorry)

Check on GitHub

launch

website

Users create an account / log in with an existing account. When a new account is created, an email is sent to the email address entered by the user to authenticate the email address for the account (using Firestore security rules the user will have limited features unless they authenticate their email address).

Users create a new post with a title (required), a description and an image/s if they want to. They can then click on the share icon to copy the link to the post in order to give access to it and get anonymous comments.

Using the link that the user copied as seen above, other people (does not need account) can read more about the post and respond with an anonymous comment.

Using intersection observer on the “ads banner” previous post as well as previous comments are lazy loaded. It creates a sort of pagination where only 6 comments/post is loaded every time the intersection observer callback triggers.