Skip to content

Issue 40.5 - Snap Screen (frontend) #341

@23abdul23

Description

@23abdul23

Instead of the bubbles use some image similar or better than this : https://share.google/oUkj6KDBcs49T3Nns

so the flow will be like this , user navigates on the map then saw the bubble clicks on it the image gets opened up in a React Component that you will Write in frontend/src/screens/SnapScreen.tsx like the below image , bottom images for now can be the remaining photos that get's fetched from the api/v1/photos/nearby endpoint.

Figma Link: https://www.figma.com/design/EYPkhMV6IvNzmH28nVwQd8/SnapMap?node-id=106-4841&t=oEdtEpXrc4NbzwGb-0

Follow the Design Strictly and Ensure previous implementation is intacted.

Image

Implement this Frontend

  • I want this for single image displays
  • And for multiple images a slide show like Insta Have

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions