Deployable Platform - Drag and drop landing page builder
Deployable platform is a fully featured drag and drop landing builder similar to the likes of Square space, Wix but with a UX experience akin to Canva. It allows brands to quickly deploy targeted mobi...
By John Phung
2022-03-12
Overview
Deployable platform is a fully featured drag and drop landing builder similar to the likes of Square space, Wix but with a UX experience akin to Canva. It allows brands to quickly deploy targeted mobile landing pages that can be accessed via QR codes in physical locations.
#The Journey I spent Nov 2020 to Jan 2022 helping a startup (deployable) in Brisbane take their idea to SaaS product by developing the entire full stack application. A working product with customers allowed deployable to attain early pre seed investment to grow their team.
The Tech Stack
- Firebase Auth and Firestore
- Next JS SSR
- MongoDB
- Storybook JS
Development Work
Since I built the entire application, these are the high level tasks that I have undertaken:
- Entire frontend react
- Backend serverless functions
- JWT authentication
- Drag and drop builder
- Creating UI widgets
- Analytics system
- HTML previews
- Gamification systems for creating gamified pages
- CI/CD
- Unit testing with Jest
The Challenges
Building upon available drag and drop libraries to improve robustness and the use case for this application was challenging as required behaviour didn't come out of the box. Additionally, getting to really understand state management and re-rendering cycles are critical for page performance, where users were essentially adding components dynamically. This required rewriting how components handle both local and global state to efficient not re-render things if not necessary.