hackforla / hackforla/tdm-calculator

Create site map with UI/UX navigation flow

Open
#23 12 comments 0 reactions 0 assignees View on GitHub
deck: staging feature: UI Cleanup & Documentation level: medium Participant type: Admin priority: Could Have role: ui/ux design size: 5pt
Dominant language
JavaScript
Stars
68
Forks
47
Avg merge
3d 9h
Merged PRs (30d)
25

Description

### Overview
We need to create a site map with UI/UX navigation flow to document how the app works to deliver with technical documentation at the end of the project.

### Detail
It should be done in Figma. It should accurately reflect the data & routes on the live website.

### Action Items
- [ ] Create site map in Figma

### Resources/Instructions
[SF TDM Tool site map in whimsical](https://whimsical.com/site-maps-LTy5ipqKSQCSSn71B9A4nE)
See this comment for a previous visual - https://github.com/hackforla/tdm-calculator/issues/23#issuecomment-593198616

#### Slides
- [Staging Deck](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg)
- [Staging Deck, slide 23](https://docs.google.com/presentation/d/1crZ3IxqA4hAu3qzD7ns93Ieuqjwh6wyEtuX_46cP-fg/edit#slide=id.g32e8618427d_0_30)
- Release Deck
- [YYYY-MM-DD Release Deck, slide 23]

Contributor guide

Open the contributing guide

Research direction

Start by reviewing the live website’s data and routes, then compare them with the previous visual linked in the issue and the Whimsical site map reference. Create the navigation flow in Figma, using the staging deck and slide 23 for context; it is done when the map accurately reflects the live site and can support the project’s technical documentation.

Written by the indexing model from the issue text.

Assessment

Domain
design, documentation, frontend
Issue type
Documentation
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.