- Typesense
- NuxtJS
- Typescript
- Cypress
All make for a blazingly fast search experience ๐ฅ๐ฅ๐ฅ
The guitar chord dataset & chord svg generation is from tombatossals which contains 2141 chord shapes of 552 chords.
/
โโโ scripts/
โ โโโ data/
โ โ โโโ guitar.json
โ โ โโโ schema.json
โ โโโ indexTypesense.ts # script that index data from guitar.json into typesense server
โโโ components/
โ โโโ UI components...
โโโ plugins/
โ โโโ vue-instantsearch.ts # vue-instantsearch setup
โโโ utils/
โ โโโ typesense.ts # typesense-instantsearch-adapter config
โโโ app.vue # guitar chords search
To run this project locally, make sure you have docker and nodejs, install the dependencies and start the dev server:
Installation
git clone https://github.com/typesense/showcase-guitar-chords-search-nuxt-js.git
cd showcase-guitar-chords-search-nuxt-js
npm i
Start typesense server
npm run start:typesense # or: docker compose up
Index data into typesense
npm run index:typesense
Start the dev web app
npm run dev
Open http://localhost:3000 to see the app โ๏ธ
- Set env variables required in
nuxt.config.ts
to point the app to the Typesense Cluster