/which-icon-is-that

🧐 Missing tool for SVG icons

Primary LanguageTypeScriptMIT LicenseMIT

Which Icon Is That? 🤔

Features

🔎 Find your icon name and icon pack only by dragging and dropping your SVG

🆕 Icon packs always updated with the latest versions

📦 All popular icon packs supported (i.e feather-icons, font-awesome)

📎 Code snippets to import the icon library for your framework (i.e react-icons, vue-feather)

🩳 Easy to remember short URL wiit.io

✨ Delightful experience + damn fast!

Development

  1. Requirements (run only once)

Install node latest LTS, and Deno v1.16.3

brew install node deno
deno install -qAf --unstable https://deno.land/x/denon/denon.ts

  1. Request environment variables needed for each folder, client and server

  2. Client-side

cd client/ && yarn && yarn dev
  1. Server-side
cd server/ && denon run --unstable --allow-run --allow-env --allow-read --allow-write --allow-net app.ts

Heroku

  • Important for Vercel Build

We need to scale WIIT web Dyno to 20 dynos in order to execute a build, since we've more that 5000+ requests to the API that end ups breaking it

  • Populate Heroku DB

    1. Enter postgres terminal
    docker exec -it postgres12 bash
    1. Create dump from local database
    PGPASSWORD=[PG_PASSWORD] pg_dump -Fc --no-acl --no-owner -h localhost -U [PG_USER] wiit > mydb.dump
    1. Copy dump to local machine
    docker cp postgres12:/mydb.dump [YOUR_PATH]
    1. Upload it to the cloud or through web
      curl --upload-file ./mydb.dump https://transfer.sh/mydb.dump
    1. Upload new dump into Heroku DB
    heroku pg:backups:restore [BUMP_URL] DATABASE_URL -a which-icon-is-that --confirm which-icon-is-that

  • Logs

    heroku logs -t -a which-icon-is-that

Built using

Invest

We're currently having a total investment of ~130usd/month for backend/frontend deploy services.

Links