5
0 Comments

I'm building SaaS and documenting the process. Day 14: end-user UI for creating and editing posts

This is the fourteenth 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

Yesterday I worked mostly on the end-user interface.

I created two React views, one for list of user's posts and another one for editing the post. I changed the database models as I found user <--> tags relationship is many-to-many, not one-to-many as I thought before. SQLAlchemy ORM allows to create such relationship pretty quickly, with just additional table what is a usual approach. Unusual is how it's done with SQLAlchemy (the table looks a little bit artificial, but it makes everything even easier).

Another problem was to update the post having a list of tags. I had to get the database entities for each tag and then update the post's entity. But it's okay and speed of working with database is pretty good.

It's how the editing post looks now:

Page for editing post

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

on March 20, 2020
Trending on Indie Hackers
I'm a lawyer who launched an AI contract tool on Product Hunt today — here's what building it as a non-technical founder actually felt like User Avatar 151 comments Never hire an SEO Agency for your Saas Startup User Avatar 83 comments A simple way to keep AI automations from making bad decisions User Avatar 65 comments “This contract looked normal - but could cost millions” User Avatar 54 comments 👉 The most expensive contract mistakes don’t feel risky User Avatar 41 comments We automated our business vetting with OpenClaw User Avatar 34 comments