https://github.com/qdrant/page-search-js
Web interface for integrated web-site search powered by Qdrant
https://github.com/qdrant/page-search-js
Last synced: 10 months ago
JSON representation
Web interface for integrated web-site search powered by Qdrant
- Host: GitHub
- URL: https://github.com/qdrant/page-search-js
- Owner: qdrant
- Created: 2022-08-26T10:23:19.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2025-06-27T11:20:40.000Z (11 months ago)
- Last Synced: 2025-06-27T12:30:58.610Z (11 months ago)
- Language: JavaScript
- Size: 827 KB
- Stars: 5
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
For an example look into `index.html`
# Installation
```bash
npm install qdrant-page-search
```
Add styles to the `head` tag:
```html
```
At the end of a `body` tag add:
```html
window.addEventListener('DOMContentLoaded', () => {
initQdrantSearch({
searchApiUrl: 'your_search_API_URL',
// optional
// section: 'your_section',
// partition: 'your_partition'
});
});
```
To scroll a page to the result text after transition use `js/scroll.min.js`
```html
```
# Add search button
And the button in the place you want to see it:
```html
Search...
```
# Development
## Build the project
```bash
npm install
npm run build
```
## Develop mode
```bash
npm install
npm run dev
```
## Styles
To change an appearance of modal window you can:
- overwrite classes styles in your own css file **or**
- change variables values in `src/scss/_variables.scss` and rebuild styles file.