canvas-posters

byUmang Suthar

create me an application like canvas where user can create the posters

LandingMy PostersLoginEditorSign Up
Landing

Comments (0)

No comments yet. Be the first!

Architecture

canvas-posters Service Networkv1
Storage
Backend :8000
Frontend :3000
Client
MariaDB :3306
FastAPI Server
React App
Browser
Live
Landing design preview
Landing: Read product purpose
Sign Up: Start a poster
Sign Up: 1. Submit enrollment
Sign Up: 2. Correct invalid fields
Login: Switch to login
My Posters: View first-use panel
Editor: Start new poster
Editor: Add text element
Editor: Position and resize text
Editor: Add shape element
Editor: Add image element
Editor: Arrange elements
Editor: Rename poster
Editor: 1. Save poster
Editor: 2. Retry failed save
Editor: Confirm leaving unsaved
My Posters: 1. View saved poster
Landing: 2. Return to entry
Login: 3. Submit credentials
Login: 4. Retry incorrect credentials
My Posters: 5. Retry library fetch
My Posters: 6. Open saved poster
Editor: 7. Retry poster load
Editor: 8. Continue composing
Editor: 9. Save updated poster
My Posters: 10. Rename poster tile
My Posters: 11. Confirm new title
My Posters: Sign out
Live
Landing design preview
Landing: Read product purpose
Sign Up: Start a poster
Sign Up: 1. Submit enrollment
Sign Up: 2. Correct invalid fields
Login: Switch to login
My Posters: View first-use panel
Editor: Start new poster
Editor: Add text element
Editor: Position and resize text
Editor: Add shape element
Editor: Add image element
Editor: Arrange elements
Editor: Rename poster
Editor: 1. Save poster
Editor: 2. Retry failed save
Editor: Confirm leaving unsaved
My Posters: 1. View saved poster
Landing: 2. Return to entry
Login: 3. Submit credentials
Login: 4. Retry incorrect credentials
My Posters: 5. Retry library fetch
My Posters: 6. Open saved poster
Editor: 7. Retry poster load
Editor: 8. Continue composing
Editor: 9. Save updated poster
My Posters: 10. Rename poster tile
My Posters: 11. Confirm new title
My Posters: Sign out