Checklist - hackforla/tdm-calculator GitHub Wiki

Checklist Dialog box

• Checklist Dialog box will list all the documents that user may need while working on creating project.
• It pops up when you visit the site the first time, and can be accessed from the footer.

URLS

• Dev URL: http://tdm-dev.azurewebsites.net/ (shows up when you first visit the site, but not after you dismiss it)
• Dev URL: https://tdm-dev.azurewebsites.net/checklist
• Prod URL: https://tdm.ladot.lacity.org/
• GitHub location: Code Search Results for repo:hackforla/tdm-calculator checklist - see Technical Details below for more information
• Figma Design:
  • WIKI TDM Calculator Figma Pages and Structure
  • Figma [TDM Calculator Figma Pages and Structure, User-Facing Screens]
  • Figma [TDM Calculator Handoff, User-Facing Screens]

Issue label

• label:"p-feature: Check List" on Issue tab
• label:"p-feature: Check List" on Project Board

Screen shots of page

Technical Details

This is static JSX content.

The user accesses this content via a modal dialog from the "Checklist" link in the application footer.

The same content can also be accessed as a stand-alone page from the path /checklist, using the ChecklistPage component. This is not currently accessible from any sort of menu in the application, but is used by the FAQ page in the answer to the question "What do I need to prepare to get started?".

Files that mention Checklist and how they interact

Core Files

• Checklist Modal Controls
  • https://github.com/hackforla/tdm-calculator/blob/main/client/src/components/Checklist/ChecklistModal.jsx
• Checklist Modal Content
  • https://github.com/hackforla/tdm-calculator/blob/main/client/src/components/Checklist/ChecklistContent.jsx
• Checklist Modal Styling
  • https://github.com/hackforla/tdm-calculator/blob/main/client/src/components/Checklist/ChecklistModal.css
• When the user arrives at the site, and the view is assembled (based on prior actions, like previously viewing the checklist, it makes sure the Checklist is included or not included
  • https://github.com/hackforla/tdm-calculator/blob/main/client/src/components/Layout/ClientAreaLayout.jsx
• The overall Application, controls routing
  • https://github.com/hackforla/tdm-calculator/blob/main/client/src/App.js

Other files

• Landing pages (no longer in use, saving in case we need to bring back)

  • https://github.com/hackforla/tdm-calculator/blob/main/client/src/components/LandingPage/LandingPageSectionIntroducing.jsx
  • https://github.com/hackforla/tdm-calculator/blob/main/client/src/components/LandingPage/LandingPageSectionMockUp.jsx
  • Checklist Icon (only referenced in the Landing page files above)
    • https://github.com/hackforla/tdm-calculator/blob/main/client/src/images/checklist.svg?plain=1

• Populating FAQ (these files are not needed once the migration happens and can be deleted)

  • https://github.com/hackforla/tdm-calculator/blob/main/server/db/migration/V20221127.2030__populate_initial_faqs_1280.sql
  • https://github.com/hackforla/tdm-calculator/blob/main/server/db/migration/V20221201.1517__populate_initional_faqs_take2_1280.sql
  • https://github.com/hackforla/tdm-calculator/blob/main/server/db/migration/V20230121.1505__populate_initional_faqs_take3_1280.sql
  • https://github.com/hackforla/tdm-calculator/blob/main/server/db/migration/V20240204.2230__repopulate_faqcategory_table_1280.sql