DEV Community

Cover image for Project to Index & Search WebFont Icons
Anna Aitchison
Anna Aitchison

Posted on • Edited on

3 1

Project to Index & Search WebFont Icons

I've made an interesting little project (hosted on a subdomain of my personal website). The concept of it is that it's a search engine for icons from web icon packs.

The indexing is done by running utilities/filterIconPack.py which parses the icon pack's CSS (metadata + links to the CSS are stored in utilities/iconPacks.json) into JSON.

The frontend is a static site in S3, which makes API calls to a simple AWS lambda + API Gateway backend. The backend searches the icon data JSON file which fuse.js and returns the results.

It hasn't turned out as useful as I had hoped, since the way it's designed excludes many icon packs and I've failed to find a way of automatically collecting pack metadata. However, it's still a passably interesting project, so I decided to share.

Top comments (0)

nextjs tutorial video

Youtube Tutorial Series

So you built a Next.js app, but you need a clear view of the entire operation flow to be able to identify performance bottlenecks before you launch. But how do you get started? Get the essentials on tracing for Next.js from @nikolovlazar in this video series 👀

Watch the Youtube series

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay