|
1 | | -# sv |
| 1 | +# Flowchart builder |
2 | 2 |
|
3 | | -Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli). |
| 3 | +This is hella simple Flowchart builder made with Svelte and XYflow |
4 | 4 |
|
5 | | -## Creating a project |
| 5 | +### What you can do |
| 6 | +- Create multiple project |
| 7 | +- Copy, paste, duplicate node |
| 8 | +- Property editing |
| 9 | +- Export whole flowchart |
| 10 | +- Autosave |
6 | 11 |
|
7 | | -If you're seeing this, you've probably already done this step. Congrats! |
| 12 | +### What you can't? |
| 13 | +- Undo/redo |
| 14 | +- Export in page form |
8 | 15 |
|
9 | | -```sh |
10 | | -# create a new project in the current directory |
11 | | -npx sv create |
| 16 | +### Credit |
| 17 | +- [Svelte](https://svelte.dev) - Frontend framework |
| 18 | +- [xyflow](https://svelteflow.dev) - Node UI builder |
| 19 | +- [Tailwind](https://tailwindcss.com) & [daisyui](https://daisyui.com) - styling |
| 20 | +- [Dexie](https://dexie.org) - Manging Indexxed DB |
| 21 | +- [lz-string](https://pieroxy.net/blog/pages/lz-string/index.html) - String compression |
| 22 | +- [nanoid](https://github.com/ai/nanoid) - ID Generator |
| 23 | +- [date-fns](https://date-fns.org/) - Date formatting |
12 | 24 |
|
13 | | -# create a new project in my-app |
14 | | -npx sv create my-app |
15 | | -``` |
| 25 | +> [!NOTE] |
| 26 | +> BTW, Currently i open for a job, can't wait to build something like this with you in bigger scale |
16 | 27 |
|
17 | | -## Developing |
18 | | - |
19 | | -Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server: |
20 | | - |
21 | | -```sh |
22 | | -npm run dev |
23 | | - |
24 | | -# or start the server and open the app in a new browser tab |
25 | | -npm run dev -- --open |
26 | | -``` |
27 | | - |
28 | | -## Building |
29 | | - |
30 | | -To create a production version of your app: |
31 | | - |
32 | | -```sh |
33 | | -npm run build |
34 | | -``` |
35 | | - |
36 | | -You can preview the production build with `npm run preview`. |
37 | | - |
38 | | -> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment. |
0 commit comments