Giter VIP home page Giter VIP logo

ptkdev-boilerplate / svelte-cordova-boilerplate Goto Github PK

View Code? Open in Web Editor NEW
28.0 4.0 3.0 3.48 MB

๐Ÿ“ฑ Create a mobile app with this friendly Svelte boilerplate for apache cordova. Made easy your android app and ios app

Home Page: https://npmjs.com/package/@ptkdev/svelte-cordova-boilerplate

License: Other

JavaScript 54.39% Shell 0.32% SCSS 0.26% Svelte 0.51% TypeScript 1.28% Smarty 0.12% Java 25.06% HTML 0.61% Batchfile 0.48% C 0.09% Objective-C 16.87%
svelte-boilerplate cordova-application cordova-boilerplate svelte-cordova svelte-mobile svelte-android svelte-ios svelte-iphone svelte svelte-template typescript github-template cordova create-android-app create-ios-app create-svelte-app create-cordova-app

svelte-cordova-boilerplate's Introduction

๐Ÿงฌ svelte-cordova-boilerplate

v1.0.20211120 License: MIT Powered By Svelte Powered By Cordova Language: TypeScript ECMAScript: 2019 Discord Server

Create a android and ios mobile app with this friendly Svelte boilerplate for cordova

This is a github template, you can fork it or use as template for start new project with this repository as hello-world. I hate start new project with empty template, often i missing correct configuration, readme instruction or i need of samples of code. Use this repository as template solve this problem.

๐ŸŽ Support: Donate

This project is free, open source and I try to provide excellent free support. Why donate? I work on this project several hours in my spare time and try to keep it up to date and working. THANK YOU!

Donate Paypal Donate Ko-Fi Donate Github Sponsors Donate Patreon Donate Bitcoin Donate Ethereum

๐Ÿ“Ž Menu

๐Ÿ’ก Features

  • [โœ”๏ธ] Easy to use
  • [โœ”๏ธ] MIT License
  • [โœ”๏ธ] Svelte SPA + Cordova Mobile App
  • [โœ”๏ธ] Android App
  • [โœ”๏ธ] iPhone/iOS App
  • [โœ”๏ธ] Browser sync, auto refresh, auto reload
  • [โœ”๏ธ] Dark mode
  • [โœ”๏ธ] 100% on Google Speedpage
  • [โœ”๏ธ] Friendly boilerplate + Github templates
  • [โœ”๏ธ] Powered by svelte framework
  • [โœ”๏ธ] Without jQuery depencence
  • [โœ”๏ธ] Typescript + TSPaths preconfigured
  • [โœ”๏ธ] Userfriendly folders tree
  • [โœ”๏ธ] Prettiers and ESLint preconfigured
  • [โœ”๏ธ] all-contributors-cli and all-shields-cli preconfigured
  • [โœ”๏ธ] JEST Test preconfigured
  • [โœ”๏ธ] Full async code
  • [โœ”๏ธ] Github and Vscode dotfiles preconfigured
  • [โœ”๏ธ] Translations i18n: ๐Ÿ‡ฌ๐Ÿ‡ง ๐Ÿ‡ฎ๐Ÿ‡น ๐Ÿ‡ต๐Ÿ‡ฑ (Help me โค๏ธ)

๐Ÿ‘” Screenshot

๐Ÿ”จ Developer Mode

๐Ÿ Run Project

  1. Clone this repository or download nightly, beta or stable.
  2. Run npm run init
  3. Run npm run dev
  4. Run npm run dev:cordova
  5. Open platforms/android with android studio or platforms/ios with xCode.
  6. Press RUN.

๐Ÿ’พ Setup Project

If you want replace all strings (example: package name, author, urls, etc...) in markdown file, source files and others files of this project you need edit setup.json with correct values and run npm run setup.

๐Ÿ“š Documentation

Run npm run docs

๐Ÿ‘‘ Backers and Sponsors

Thanks to all our backers! ๐Ÿ™ Donate 3$ or more on paypal, ko-fi, github or patreon and send me email with your avatar and url.

๐Ÿ‘จโ€๐Ÿ’ป Contributing

I โค๏ธ contributions! I will happily accept your pull request! Translations, grammatical corrections (GrammarNazi you are welcome! Yes my English is bad, sorry), etc... Do not be afraid, if the code is not perfect we will work together ๐Ÿ‘ฏ and remember to insert your name in .all-contributorsrc and package.json file.

Thanks goes to these wonderful people (emoji key):


Patryk Rzucidล‚o

๐Ÿ’ป ๐ŸŒ ๐Ÿ“– ๐Ÿ›

๐Ÿ’ฐ In the future, if the donations allow it, I would like to share some of the success with those who helped me the most. For me open source is share of code, share development knowledges and share donations!

๐Ÿฆ„ Other Projects

๐Ÿ’ซ License

  • Code and Contributions have MIT License
  • Images and logos have CC BY-NC 4.0 License
  • Documentations and Translations have CC BY 4.0 License

svelte-cordova-boilerplate's People

Contributors

ptkdev avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

svelte-cordova-boilerplate's Issues

Android app shows white screen

Hi,
I followed the instruction, and when running the android app it shows a white screen.
Here's the chrome debugger console:
image

Thanks.

npm run dev:cordova don't work properly on windows

npm run dev:cordova
returns:

[nodemon] 2.0.15
[nodemon] reading config .\nodemon.json
[nodemon] to restart at any time, enter `rs`
[nodemon] or send SIGHUP to 21036 to restart
[nodemon] ignoring: .\.git/**/* node_modules/**/*
[nodemon] watching path(s): dist\**\*
[nodemon] watching extensions: js,mjs,json
[nodemon] starting `'ts-node scripts/platforms.ts'`
[nodemon] spawning
[nodemon] child pid: 10128
''ts-node' is not recognized as an internal or external command,
operable program or batch file.
[nodemon] app crashed - waiting for file changes before starting...
[nodemon] watching 5 files

fixed it by removing quotation marks from package.json:
"dev:cordova": "nodemon --exec ts-node scripts/platforms.ts",

Now app is not crashing, but it override files only when i type rs in nodemon console

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.