About

• A social network with an API built in Java (Spring Boot) and the back/frontend in Python (Flask), JavaScript (HTMX) and HTML/CSS.
• The API repository is here
• Author: João Pedro Favarato

Features

User related

• User session

  • Session control for different users with Flask's session module. Upon login, each user is assigned a unique session identifier.

• User login/register

  • When registering, the user information in inserted into the API. When trying to log in, the system verifies the credentials based on the provided email.

    

• User interactions

  • Posting

    • Users can create, edit and delete their posts.

      

  • Commenting

    • Users can reply to any post, and can also delete their replies.

  • Liking

    • Users can like and unlike any post.

  • Following

    • Users can follow and unfollow other users, changing the "followers" and "following" amount of their profiles.

      

      

  • Searching

    • Users are able to search for posts (tags, title, body or content in any of the comments) and other users.

    

• User profile

  • Each user has a dynamic page based on his ID that displays his profile.

  • The profile pages shows the user infos, such as his name, his profile description, his birth date, his image, his followers/following amount and all the posts that were made by him.

  • Users are able to see all the posts they liked.

    

  • Users can edit all of their profile informations:

    

Post related

• Post structure

  • A post contains an author, a creation date, a title, a body, an image (optional), a list of tags (also optional), a list of comments and a list of users who liked it. Users can show or hide the replies.

    

  • Users are able to see the exact date that a post was created by hovering over the approximate date:

    

  • Users are able to see everyone that liked a post by hovering over the like amount:

    

Comment related

• Comment structure

  • A comment contains an author, a creation date and a content. Users are able to delete their comments.

    

  • Users are able to see the exact date that a comment was made by hovering over the approximate date: