Skip to content

Frontend

Past due by almost 3 years 0% complete

Implement a functional* frontend user interface to icns.ml and icns.cf.


Requirements

  • language: typescript, obviously
  • framework: Next.js, SvelteKit, or Nuxt / Vue.js
  • ganalytics: implement granular tracking of page views and other user events
  • more icons: expose all packages from iconify project; currently we just provide simple-icons
  • fuzzy-search: us…

Implement a functional* frontend user interface to icns.ml and icns.cf.


Requirements

  • language: typescript, obviously
  • framework: Next.js, SvelteKit, or Nuxt / Vue.js
  • ganalytics: implement granular tracking of page views and other user events
  • more icons: expose all packages from iconify project; currently we just provide simple-icons
  • fuzzy-search: using fuzzy-style string matching

Goals and Ideas

  • user auth: should users be able to register / login? or keep it an anonymous service?
    • what gains would a user system provide? (save favorites; add icns to readme.md; REST API...?)
  • rasterize: on-demand rasterizing, using .png extension in place of .svg (how?)
  • better routing + caching: integrate with Cloudflare Workers (KV / DurableObjects...?)
  • clipboards: make a localStorage "clipboard" class so user can save multiple icons over time and access their icon history later on. action buttons should include "copy in HTML", "copy in MD", and "copy URL"
  • infinite list: to aid performance with rendering huge sets of icons on-the-fly (something akin to VirtualList)
Loading