For the majority of this week, I was waiting for clearance to make the project that I wanted to instead of the provided example. Instead of making a store, I am now clear to make a social media application.
I started by continuing on with the ERD from last week and adding a few things to it as I flesh out the concept a bit more. After a spent a brief amount of time on that, I started designing the profile page of the application. This page will show the user all of their posts, their current followers, and who they are currently following. After I got the layout of the page itself, I started working on the layout of how the posts will be presented. As of now, I’m modeling the posts of of Twitter since that is one of the biggest influences that I’m drawing from. As of right now it contains a place for the users avatar picture, their username, the text portion of the post, how many likes it has, and how many shares it has. There is no place for the image as of now since I intend to make it slightly dynamic in the size that it is. Either way, the image will eventually go under the text. However, it will only be visible when an image is present.
Speaking of posts, I am currently trying to get the feed to be able to add posts dynamically. I have a container for the feed already and a rough markup of how I will populate the posts themselves when taken from the database. The only problem I’m having is putting them in the right space. I have successfully created a post element dynamically through code and put it in the feed. The next step is to be able to push all previous posts down the proper amount to make space for the new ones.
Along with all of these elements, there will also be a special tab called “Reports” that only staff can see. Upon clicking this it will take you to a new page that has a list of reported posts where staff members can vote whether or not it qualifies as offensive enough to be taken down.
As of now, I’m still in the design phase, but it seem to be moving long smoothly for now. If I can keep this pace up, I believe I can have this whole project finished with maybe two or three weeks to spare for testing.