https://github.com/coder-blue/svelte-calculator
A simple calculator app made with SvelteKit and Tauri.
https://github.com/coder-blue/svelte-calculator
rust svelte sveltekit tailwindcss tauri-app tauri-v2 vite
Last synced: 18 days ago
JSON representation
A simple calculator app made with SvelteKit and Tauri.
- Host: GitHub
- URL: https://github.com/coder-blue/svelte-calculator
- Owner: Coder-Blue
- License: mit
- Created: 2024-08-14T13:54:22.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-15T05:48:31.000Z (over 1 year ago)
- Last Synced: 2025-02-14T01:24:53.755Z (12 months ago)
- Topics: rust, svelte, sveltekit, tailwindcss, tauri-app, tauri-v2, vite
- Language: Svelte
- Homepage:
- Size: 661 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# What is this?
- This is my fun SvelteKit/Tauri calculator app, inspired by [Daniel Gorra's](https://www.youtube.com/@gorra1) video. Using skeleton template from:
```bash
bun create svelte@latest
#or
npm create svelte@latest
```
And
```bash
npm install -D @tauri-apps/cli@next
#or
bun add -D @tauri-apps/cli@next
#and
npx tauri init
#or
bunx tauri init
```
- Everything you need to know about a Svelte Project is this website [svelte.dev](https://svelte.dev/)
- And about the [Tauri](https://v2.tauri.app/)
## What does it have?
- A regular, plain looking calculator app.
- Svelte 5 Rune (Still in testing but it works so good on this project).
- TalwindCSS for styling the UI.
- Tauri V2 (Cross-platform/Memory Efficiency/Fast web app)
- Custom Titlebar/Tauri Windows Vibrancy to give the users the native window's feeling.
## Cautious
- No SSR, just plain SPA.
## Developing
- Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn` or `bun install`), start a development server for Svelte web app:
```bash
npm run dev
# or
bun dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
You can start editing the page by modifying `src` folder and it's contents. The page auto-updates as you edit the file.
- Or you want to start a development server for Tauri app:
```bash
npm run tauri dev
# or
bun tauri dev
```
## Building
- To create a production version of your Svelte web app:
```bash
npm run build
#or
bun run build
```
- To create a production version of your Tauri app:
```bash
npm run tauri build
#or
bun run tauri build
```
## Donate
You can support financially with this QR code bank scanning, thank you very much <3:
## Support
- You can ask me if there is any problem:
Join my Discord server: https://discord.gg/5Nmwm24dWV
Other contact: [Personal Portfolio](https://noah-sh1ro.vercel.app)