Drag-and-drop landing page builder with real-time customisation and one-click publishing. Work in progress.
Stack
- Languages
- PHP
- Front-end
- React
- Vite
- Tailwind CSS
- GSAP
- Zustand
- Data
- MySQL
Context
Letting anyone build a professional landing page without writing code: assemble components, adjust styles and content, then publish.
Role
Full-stack design and development: React builder, PHP REST API and MySQL database.
Architecture
React builder
Drag & drop, Zustand state, GSAP
PHP REST API
Authentication, saving
MySQL
Users and pages
Challenges
Designing a drag-and-drop builder whose state stays consistent (Zustand), a responsive preview that stays faithful on desktop, tablet and mobile, and a PHP REST API for authentication and saving pages.
Outcome
Work in progress: the builder and user management are in place; predefined templates, HTML/CSS export and visit analytics are planned.
Highlights
- Drag-and-drop builder
- Zustand state management
- GSAP animations