#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Day 21-23

I implemented a tool called the Click Customizer. It allows you to select an element in the page and customize it styling. Gives a lot of flexibility! #WebDev #ReactJS #indiedeveloper #programmer

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Day 19-20

I have been improving the blocks that are currently supported in the app adding some really cool features! That's probably what I will focus on in the next days as well. #webdev #indiedev #startup #saas

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Day 18

I've been working on improving the column system + implemented the ability to resize columns and blocks. It's a lot of work, but I'm glad it's now done!
#webdev #indiehackers #reactjs

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Day 17

Block actions (delete & moving) are now implemented. I also added support for aligning blocks in columns. More testing is definitely required but it works fine so far! #webdev #indiehackers #reactjs

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Day 16

Today was working on the Design panel and adding the Colors & Typography sub-panels. I also added swatches support to the colorpicker so you can easily update colors throughout the site! #WebDev #indiedev

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Day 15

I have added support for plain text contentEditable, so it is now possible to modify text elements directly in the live preview. At some point, I will need to add rich text features. #ReactJS
Read more 👇🏼

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Day 13-14

I have implemented a Color Picker and a Font Picker. Plus, the block properties are automatically updated and propagated to the preview screen. #webdeveloper #ReactJS

Next Steps:

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Day 12

Today I couldn't work much on YAWB but I did start implementing more custom fields and improved the schema parser that the blocks are using. #webdev #indiedev

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Day 11

I finally finished integrating Uppy into the platform. It looks great and it now has a single image field + an image gallery field. Different image sizes are generated using sharp. #webdev #indiedev

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Day 10

I have started building the different field types. One of the most complex ones is the upload field. I'm using the great Uppy for the task. I might decide to add Unsplash and URL support in the future.

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Day 9

Today I've been working on generating the properties list of the selected block. There's a few things that need to be implemented:

#BuildInPublic Project 7/10: Ultimate Bulk Editor for #Shopify
Day 16

App is under review, we're almost there. I made the required changes and hope it will get approved soon.
#saas #webdev #indiedev

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Days 8

A good day of work today! I finished implementing the Drag&Drop + Block selector. The next step is to work on the properties panel that allow customizing the selected block.

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Days 7

I have set up the block parser that is able to read the settings and schema of blocks. I've used github.com/ybouane/elvali… which is a package that I built earlier this year that greatly facilitates the process!

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Days 6

Today I've been working on the drag&drop feature of the app to allow inserting new blocks/modules into the web page. There's still a lot of work to do:
#ReactJS

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Days 4-5

I've been scratching my head trying to get some logic work using React but I finally was able to sort things out. I refactored the code to be cleaner and to follow best practices as well. #ReactJS

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Days 2-3

I've been building all the boilerplate code or the platform. The stack so far is: NodeJS, Fastify, React, MongoDB, Undux, Sass.

#BuildInPublic Project 8/10: YAWB: Yet Another Website Builder
Day 1

Yes, after many years of experimenting and using various website builders (there's hundreds of them), I decided to create yet another one.
What makes YAWB different is:
- Ease of use
- Extensibility
- Pricing

#BuildInPublic Project 7/10: Ultimate Bulk Editor for #Shopify
Day 15

App is submitted to the @Shopify App store!!
I hope to officially launch the app in the coming weeks!
#saas #webdev #indiedev

#BuildInPublic Project 7/10: Ultimate Bulk Editor for #Shopify
Day 14

I've made a script generate thousands of products for testings, but it's now rate limited to 1000 new variants per day so no more new test products. It now has 16k products which should be enough for testing.