8080.AI
DesignReqs
Tasks
User FlowArchitecture
Log inSign up for free

address-list-map

byKshitij Virola

Create a clean, responsive address list UI where each address is displayed in a single line with the **Name, Mobile Number, and Full Address**. Show all saved addresses as markers on **one map displayed beside the address list**. When a user clicks an address, highlight the corresponding location marker on the map and center the map on that location. Keep the layout clean, compact, and easy to scan on both desktop and mobile.

No preview

Comments (0)

No comments yet. Be the first!

Project Tasks

32 planning tasks
#1

Generate system requirement document

0m 54s0.1 cr used
Done
#2

Generate personas & user flows

0m 7s0.1 cr used
Done
#7

Create flow for Address List User

0m 5sCredits in parent
Done
#8

Landing

89m 56sCredits in subtasks
Error
#34

Repair Landing JSX

0m 52s0.2 cr used
Done
#33

Repair Landing JSX

1m 10s0.2 cr used
Done
#32

Repair Landing JSX

1m 26s0.2 cr used
Done
#31

Repair Landing JSX

1m 28s0.2 cr used
Done
#29

Repair Landing JSX

0m 27s0.2 cr used
Error
#28

Repair Landing JSX

1m 39s0.2 cr used
Done
#27

Repair Landing JSX

1m 7s0.2 cr used
Done
#26

Repair Landing JSX

1m 12s0.2 cr used
Done
#24

Repair Landing JSX

1m 20s0.2 cr used
Done
#23

Repair Landing JSX

0m 24s0.2 cr used
Done
#22

Repair Landing JSX

1m 15s0.2 cr used
Done
#21

Repair Landing JSX

1m 5s0.2 cr used
Done
#19

Repair Landing JSX

1m 33s0.2 cr used
Done
#18

Repair Landing JSX

0m 34s0.2 cr used
Done
#17

Repair Landing JSX

1m 28s0.2 cr used
Done
#16

Repair Landing JSX

0m 53s0.2 cr used
Done
#12

Landing / Navigation

0m 15s0.8 cr used
Done
#10

Landing / Instrument Header

0m 36s0.8 cr used
Done
#11

Landing / Two Plate Instrument

0m 41s0.8 cr used
Done
#13

Landing / Footer

0m 11s0.8 cr used
Done
#14

Navigation

0m 15sCredits in parent
Done
#15

Footer

0m 11sCredits in parent
Done
#20

Retry First Page

10m 9s0.2 cr used
Error
#25

Retry First Page

12m 5s0.2 cr used
Error
#30

Retry First Page

17m 14s0.2 cr used
Error
#9

Address List

Credits in subtasks
Backlog
#5

Architecture

0.1 cr needed
Backlog
#6

Workspace task plan

0.1 cr needed
Backlog

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: Open application anonymously
Landing: Read live saved count
Landing: Scan populated list rows
Landing: Observe pre-selected marker
Address List: Enter working view
Address List: Read NAME MOBILE ADDRESS columns
Address List: Scan one-line rows
Address List: Hover row to preview marker
Address List: 1. Select address row
Address List: 2. Read expanded detail strip
Address List: 3. Copy full address
Address List: 4. Open route to location
Address List: 5. Read highlighted orange marker
Address List: 6. Read map centered on location
Address List: 7. Retry map tiles
Address List: 8. Read map unavailable notice
Address List: 9. Select another address
Address List: Scroll list against sticky map
Address List: Activate Add address control
Address List: Read creation unavailable notice

No completed page designs yet.

Completed design pages will appear here when they are ready to preview.

Landing: Open application anonymously
Landing: Read live saved count
Landing: Scan populated list rows
Landing: Observe pre-selected marker
Address List: Enter working view
Address List: Read NAME MOBILE ADDRESS columns
Address List: Scan one-line rows
Address List: Hover row to preview marker
Address List: 1. Select address row
Address List: 2. Read expanded detail strip
Address List: 3. Copy full address
Address List: 4. Open route to location
Address List: 5. Read highlighted orange marker
Address List: 6. Read map centered on location
Address List: 7. Retry map tiles
Address List: 8. Read map unavailable notice
Address List: 9. Select another address
Address List: Scroll list against sticky map
Address List: Activate Add address control
Address List: Read creation unavailable notice