Skip to content

Latest commit

 

History

History
100 lines (71 loc) · 3.28 KB

File metadata and controls

100 lines (71 loc) · 3.28 KB

sv

Everything you need to build a Svelte project, powered by sv.

Maintainability

Creating a project

If you're seeing this, you've probably already done this step. Congrats!

# create a new project
npx sv create my-app

To recreate this project with the same configuration:

# recreate this project
pnpm dlx sv create --template demo --types ts --add prettier eslint vitest="usages:unit,component" playwright tailwindcss="plugins:typography,forms" sveltekit-adapter="adapter:vercel" devtools-json mcp="ide:vscode+setup:remote" --install pnpm CropWatch

Developing

Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

Environments

Github README PROFILE CATEGORY

List of Tools & Packages Used:

  • PWA Framework: Svelte, SvelteKit
  • UI Components: @cropwatchdevelopment/cwui, bits-ui, @revolist/svelte-datagrid
  • Styling: Tailwind CSS, @layerstack/tailwind, @tailwindcss/forms, @tailwindcss/typography
  • State Management: @stencil/store
  • Data Visualization: D3.js, ApexCharts
  • Mapping: Leaflet
  • PDF Generation: jspdf, pdfkit, html2canvas
  • Localization: svelte-i18n,
  • Backend & SSR: @supabase/supabase-js, @supabase/ssr
  • Routing & Testing: Vite, Vitest, Playwright, @playwright/test, @testing-library/svelte, @testing-library/jest-dom
  • Linting & Formatting: ESLint, Prettier, eslint-plugin-svelte, prettier-plugin-svelte, prettier-plugin-tailwindcss
  • Build Tools: pnpm, TypeScript, Vite

Chat, collaberate, and learn at our community pages Here:

Contribute

Contributions are always welcome! Please create a PR to add your GitHub profile.

Debugging Server Side code using VSCode:

  • Press: Ctrl + Shift + P, Then choose "Debug: JavaScript Debug terminal" from the prompt.
  • In the terminal box that opens, type: pnpm dev
  • Set your breakpoint and run the code!

Issues

I love knowing when something is wrong, that way I can fix it ASAP! However, please take care when submitting an issue, be clear about what is wrong, what you did to make it happen, and if possible include your device and browser where it happened.

📝 License

This project is licensed under MIT license.

👨‍🚀 Show your support

Give a ⭐️ if this project helped you!