This is a project I made to show my front-end skills and understanding of the backend. Communication to the database and backend API was enabled using the mockAPI platform, but the serving of the pages is made using express. The project was done using OOP, and no React or EJS.
View the code at GitHub.
Here is what Login looks like:
There are places to enter your email and password, if they are matching with the database you can log in. A cookie is made with the ID of the user, and that is how your session begins.
If you don't have an account stored in DB, you should click the "Register here" button and make your account.
Here is the Register modal:
Your registration can be completed if you fill in all the fields correctly. Password and Repeat password fields have to match, and they have to be filed with at least 5 characters like all other fields.
The email field must be filed with the existing email.
The main feed looks like this:
The left side has user information with main picture, username, email, and buttons. For this purpose, pictures are autogenerated with XSGAMES.CO random users avatar sevise.
Right side is where all the posts are listed. Every post has an author, content, like option, and comment section that is hidden by default.
You can make a post by filling the text area and clicking on post.
-You can remove posts that you posted.
-You can like any post but not posts that you posted. When you like it, like button becomes red.
-Also, when you click on comments, the comment section pops up and you can comment on selected post.
If you want to edit your profile information or delete your profile, you can do it by clicking "Edit account" button.
The popup modal appears, and you can change your username and email.
If you click on "Logout" button, you are going to be redirected to login page, and user ID is going to be removed from cookies.
That way, your session is over.
