|
1 |
| -# create-svelte |
| 1 | +# huggingface-llm-filtering |
2 | 2 |
|
3 |
| -Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte). |
| 3 | +Explore and filter HuggingFace models with ease. This utility web application enables users to view all models from a specific HuggingFace user, offering advanced filtering options tailored for Large Language Models (LLMs). |
4 | 4 |
|
5 |
| -## Creating a project |
| 5 | +🔗 **Live Version:** [https://netroscript.github.io/huggingface-llm-filtering/](https://netroscript.github.io/huggingface-llm-filtering/) |
6 | 6 |
|
7 |
| -If you're seeing this, you've probably already done this step. Congrats! |
| 7 | +## Features |
8 | 8 |
|
9 |
| -```bash |
10 |
| -# create a new project in the current directory |
11 |
| -npm create svelte@latest |
| 9 | +- **Quick Search:** Instantly search for models by their names. |
| 10 | +- **Flexible Filtering:** Filter by model type (GGML, GPTQ, GGUF), model size, and licensing. |
| 11 | +- **Custom Sorting:** Organize models based on time, downloads, or likes. |
12 | 12 |
|
13 |
| -# create a new project in my-app |
14 |
| -npm create svelte@latest my-app |
15 |
| -``` |
| 13 | + |
| 14 | + |
| 15 | +## Tech Stack |
| 16 | + |
| 17 | +- **Framework:** [SvelteKit](https://kit.svelte.dev/) |
| 18 | +- **UI Toolkit:** [skeleton.dev](https://www.skeleton.dev/) |
| 19 | +- **Data Source:** The app fetches models from a HuggingFace author through the official API and processes the data for optimized display. |
| 20 | + |
| 21 | +## Development |
| 22 | + |
| 23 | +### Setup |
| 24 | + |
| 25 | +Install the necessary dependencies: |
| 26 | + ```bash |
| 27 | + pnpm install |
| 28 | + # Alternatively, you can use npm install or yarn |
| 29 | + ``` |
16 | 30 |
|
17 |
| -## Developing |
| 31 | +### Running Locally |
18 | 32 |
|
19 |
| -Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server: |
| 33 | +To start a development server: |
20 | 34 |
|
21 | 35 | ```bash
|
22 |
| -npm run dev |
| 36 | +pnpm run dev |
| 37 | +``` |
| 38 | + |
| 39 | +Or to start the server and launch the app in a new browser tab: |
23 | 40 |
|
24 |
| -# or start the server and open the app in a new browser tab |
25 |
| -npm run dev -- --open |
| 41 | +```bash |
| 42 | +pnpm run dev -- --open |
26 | 43 | ```
|
27 | 44 |
|
28 |
| -## Building |
| 45 | +### Building for Production |
| 46 | + |
| 47 | +To generate a production-ready version of the app (exported as static HTML): |
| 48 | + |
| 49 | +```bash |
| 50 | +pnpm run build |
| 51 | +``` |
29 | 52 |
|
30 |
| -To create a production version of your app: |
| 53 | +Preview the production build using: |
31 | 54 |
|
32 | 55 | ```bash
|
33 |
| -npm run build |
| 56 | +pnpm run preview |
34 | 57 | ```
|
35 | 58 |
|
36 |
| -You can preview the production build with `npm run preview`. |
| 59 | +### Continuous Deployment |
37 | 60 |
|
38 |
| -> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment. |
| 61 | +This repository is equipped with a GitHub Actions workflow that auto-deploys changes to the GitHub Pages site. |
0 commit comments