upvote | Simplest possible demo MVI App | Architecture library

I am trying to effectively make a Reddit clone just for practice with Django and I am trying to set up my upvote/downvote system with just a simple integer(upvote adds one, downvotes subtract one) however when I hit my "upvote" or "downvote" buttons it gives me the error 'str' object has no attribute 'get'. I have no idea what is causing this and all of the other answers with this error were not at all related, any help would be awesome. Full TraceBack:

I am hitting a php file and the response returns a string. I can't find the documentation on how to deal with this.

From the google developer doc google developer doc, my fetch is simple

I generated ca.crt, ica.crt and server.crt. Here gives some details of the certs.

I was trying to make a button that has the shape of an icon but the button overflows the icon

I am holding a counter in my Firebase which holds the total upvotes for a picture. When the upvote button is pressed, the database should update the counter of that specified counter by 1, which it does. However, it doesn't show the update on the app screen. For example if an image has 8 upvotes, and the button is pressed to upvote, it will still show 8 upvotes on the screen but in the database it will now be 9 upvotes. When I hot refresh the value changes. How can I make both things happen asynchronously? I tried playing around with it and it's always that either it updates the database and the screen stays unchanged, or the screen changes and the database doesn't.

For the functions below, they behave as expected but just not asynchronously on the screen.

The relevant function that increments the followers in the database:

Between "user" and "comment" there is a padding that I didn't specify, and which I presume comes from the "display: flex;". I want to remove or change the size of the padding, but I can't seem to figure out how. Here is the code:

I'm hoping someone can help me out. I have created a table and have multiple Tabs. Each Tab has different data inside the table. Each table row has a column with a number of votes and I want to sort the rows automatically with the columns that have more votes at the top.

This is my HTML code:

I have a list of reports that are being shown to the user. I have a-tags that allow the list to be sorted in different ways (last posted, highest upvotes etc.), and I also have separate a-tags that filter down the list according to a particular report variable (report status is open, closed etc.).

I am trying to figure a way out to allow the filter to remain in place when the a-tag to sort the list is pressed, and vice-versa.

What I have tried was setting up a model with the statusId (id set to filter the list) and sortString (string containing "highest_award" or "last_update", used to sort the list in HomeController), but my thinking was completely off.

Is there a clean way to go about this?

Index.cshtml

I have ripped files from an audio CD I just bought. I ripped using the Music app on my Macbook Pro, Catalina 10.15.6 - output format was .wav as there was no option for FLAC. My plan was to change format using ffmpeg: