5
2 Comments

I'm building SaaS and documenting the process. Break 2 (flu and new components) and day 25: finishing board admin

This is the twenty-fifth 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
Day 16: the skeleton of public page with the list of posts
Day 17 & 18: working on the public page
Day 19: Post view and voting
Day 20: finished voting functionality and started comments
Day 21st: finished comments, improved voting, and started board admin panel for user mngment
Day 22nd: finished board admin user management
Forced break and the startup idea for those who want new ideas
Day 23: verified user and publishing posts
Day 24: adding a touch of beauty to list of user's posts

I had to put this project aside because of 2 reasons:

  1. I'd caught the flu (hopefully it's not coronavirus!)
  2. I wanted to add new components into my boilerplate I use as a codebase.

I think I've caught the flu just because I had to live in the cold house for several days waiting for my broken furnace to be replaced and having huge stress because of this problem plus my sudden financial problems :( But now I'm almost ok and keep working on the project.

As for the boilerplate, I found it would be nice to have these 2 components:

  1. Color picker field - React-based component, using amazing React Color Picker - see documentation here: https://github.com/saasforge/open-source-saas-boilerpate/tree/master/src/components/color-picker-field

  2. File upload module (i.e. front-end code accompanied by out-of-box API) that allows uploading files to the AWS S3 with just a line of code and a couple of settings (AWS credentials) - https://github.com/saasforge/open-source-saas-boilerpate/tree/master/src/modules/fileUploader

After I implemented these 2 components it was a matter of minutes (actually, of one hour :) to add color settings and logo uploading for the board. What I have now:

Board general settings including logo upload:
Board settings

and board appearance:
Board appearance

Time spent: 1 hour
Total time spent so far: 58.5 hours

Thanks! Stay tuned!

on April 8, 2020
  1. 1

    Wow, big respect for your effort of documenting your journey :)

    1. 1

      Thanks! Stay tuned, there is a lot of interesting stuff ahead :)

Trending on Indie Hackers
1 small portfolio change got me 10x more impressions User Avatar 30 comments AI Is Destroying the Traditional Music Business and Here’s Why. User Avatar 29 comments Fixing my sleep using public humiliation and giving away a Kindle User Avatar 23 comments A Tiny Side Project That Just Crossed 100 Users — And Somehow Feels Even More Real Now User Avatar 16 comments From 1k to 12k visits: all it took was one move. User Avatar 11 comments Retention > Hype: What Are We Really Chasing as Builders? User Avatar 9 comments