8000 GitHub - haggqvist459/typescript_list_app
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

haggqvist459/typescript_list_app

Repository files navigation

Updated list app from prior redux tutorial

Using TypeScript, Vite and Redux

  • Site link: A Simple List
  • Save it to the home screen for stand-alone functionality

Features:

Header:

  • Editable title by long press on it
  • Replace the header element with input
    • Hide the blue square when focused
  • Trash can in the corner to clear the entire list
    • Modal pop-up to confirm

Visibility Filter:

  • Toggle complete state based on the filter
  • Use custom type for the visibility filters

List:

  • Conditionally display solid / outlined icons depending on completion
  • Swipe left to display trashcan

Add Item:

  • Fix input along the bottom
  • Hide the blue square when focused

Footer:

  • Link to GitHub repo
  • Hide below add item

Misc:

  • Persist list using localStorage
  • PWA for offline support
  • Custom font locally avaiable
  • Local SVG code for icons
  • Theme variables for colours
  • Custom icon & splash screen

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0