social_media | Social Media allows publishing to any number | Plugin library

Trying insert records into MySQL. This is my code

hello I have a post model which has a like(m2m) and user(forgeinkey) model field and Im trying to check if the request.user has liked the post and if they have, I should show them a red heart button else a blue heart should be shown, now since there are multiple posts and likes, Im looping through each like object to check if the request.user has liked it or not. Unfortunately for some reason, I couldn't implement a good logic and I see like button for every user. Some help would be appreciated.

Here's my model:

I have problem when i want to get a value from json

This is my first time creating a site, I'm writing to write the css but I'm stuck on this tiny little thing. So I want the the Previous and Next to be evenly spaced and centered, but there seems to be a gap before previous which is throwing the whole thing off center. I tried to center allight, tried inline-block, tried floating but it's always there. How do I get rid of it?

My Html:

I have this page, I'm using fleboxes and I need to the boxes be something like

My code now:

Hello it is my first time learning html-css and I want to make a traditional website that have both the top bar for searches and login and the side bar for navigation. I found a youtube video that helps me deal with the side bar and it it fixed. But the top navigation bar is not fixed and will be left behind if the user will scroll down

Normal Website:

Website Scrolled down:

Website using the "position: fixed;" in the menu class

Code:

I'm making this comment system for my blogs.. I already made the model, the ModelForm and the view to display the comments and the blog. I'm just really confused how to save the comments related to a specific blog. I tried to save the comments with a view but I face an IntegrityError. A little help would be appreciated.

Here's my views.py:

This is my error :

My problem is in my subcomponent files where every state update in the parent component keeps re-rendering the subcomponents infinitely by making infinite api calls with the default or updated props value passed to the child components. I have a User directory page which contains multiple components in a single page.