I'm building SaaS and documenting the process. Day 16: the skeleton of public page with the list of posts

This is the sixteenth episode in the reality show about the development SaaS app from scratch. The previous episodes:

Open SaaS development from scratch: why and what
Day 1: requirements and UI wireframes
Day 2: admin pages
Day 3: user pages
Day 4: database models, database update, and a couple of new wireframe pages
Day 5: started API and made changes to the database models
Day 6: created the admin board and new problems
Day 7: board settings page
Day 8: board settings page, more details and tabs
Day 9: board settings page, more tabs
Day 10: finished all 4 meta lists for board settings page
Day 11: experimenting with subdomains
Days 12 & 13: subdomains, separate apps, and user interface
Day 14: end-user UI for creating and editing posts
Day 15: end-user UI - bug fixes and list of user's posts with paging

Yesterday I spent a lot of time with a very small outcome, but anyway, I should report about it too :)

What I did was I created a very basic public "landing" page for the board. "Landing" means it's the page users will see when they click a link to leave feedback. It should have some header, list of posts, and interface elements that would allow to load more posts, sort them, or select posts with specific category, status, type, or tag. (The wireframe is here https://www.indiehackers.com/post/open-saas-development-from-scratch-day-1-requirements-and-ui-wireframes-8dbf92055c)

And I finished the day with this skeleton page what looks very ugly:

As you can see it has the list and "load more" button, both working. Everything else is just implemented "as is", not formatted and slightly working :)

But it's really fun for me to post these images through my progress. I feel like I'm Dr.Frankenstein and creating some nice creature, starting from a spine chord, adding more bones, then put muscles, and finally will put nice skin :)

Time spent: 3 hours
Total time spent so far: 39.5 hours

Thanks! Stay tuned!