Giter Club home page Giter Club logo

johnpapa / hello-worlds Goto Github PK

View Code? Open in Web Editor NEW
129.0 6.0 73.0 10.34 MB

Hello world apps for angular, react, svelte, and vue

Home Page: https://hello-worlds.vercel.app

License: MIT License

JavaScript 28.80% TypeScript 37.65% HTML 16.40% CSS 7.06% Vue 0.62% Kotlin 0.12% Swift 0.37% Objective-C 0.03% Dart 1.33% Elm 0.50% Handlebars 0.01% SCSS 6.28% Marko 0.03% Svelte 0.07% EJS 0.36% C# 0.36% Riot 0.03%
vue vuejs typescript javascript react reactjs angular angularjs svelte sveltejs

hello-worlds's Introduction

hello-worlds

All Contributors

Hello World apps for JavaScript/HTML/CSS libraries/frameworks!

Assumptions:

  • only the most simple basic hello world app
  • remove all tests and commands for tests and dependencies for tests
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must be in the folder named <tech-name>
  • add yourself using the all-contributors bot @allcontributors please add @<your-github-account> for code
  • add build steps and which folder to serve in the README.md
  • verify that the app once built can be served from whatever folder the built assets are placed in
  • verify that running npx http-server <your-folder-to-serve> works
  • verify that a Pull Request doesnt already exist. If it does, feel free to contribue to it.

See existing samples for the idea ...

Deploy to Azure button

Projects are listed alphabetically.

Project Build steps Serve this folder Folder
Alpine.js / alpine
Angular.js / angularjs
Angular npm run build -- --prod dist/hello angular
Angular Universal npm run prerender dist/hello/browser angular-universal
Aurelia npm run build dist aurelia
Babylon.js / babylonjs
Backbone.js / backbone
Blazor Install .NET SDK then dotnet build / blazor
Elm npm run build public elm
Ember npm run build dist ember
Flutter Install Flutter SDK then flutter build web build/web flutter
Gatsby npm run build public gatsby
Glimmer npm run build dist glimmer
Gridsome npm run build dist gridsome
HTML / html
Hugo npm run build public hugo
Hyperapp (uses CDN) / hyperapp
Ionic Angular npm run build -- --prod www ionic-angular
Ionic React npm run build build ionic-react
JavaScript / javascript
jQuery (uses CDN) / jquery
KnockoutJS npm run build dist knockoutjs
LitElement npm run build dist lit-element
Marko npm run build public marko
Meteor npm run build bundle meteor
Mithril npm run build dist mithril
Next.js npm run build out nextjs
Nuxt.js npm run generate dist nuxtjs
Polymer npm run build build/default polymer
Preact npm run build build preact
React npm run build build react
Riot npm run build dist riot
Scully npm run build -- --prod dist/hello scully
Stencil npm run build www stencil
Svelte npm run build public svelte
Three.js / threejs
TypeScript npm run build dist typescript
Vue npm run build dist vue
VuePress npm run build dist vuepress

Resources

Azure Static Web Apps

Contributors โœจ

Thanks goes to these wonderful people (emoji key):


John Papa

๐Ÿ’ป

LB

๐Ÿ’ป

Simeon Udoh

๐Ÿ’ป

Sivamuthu Kumar

๐Ÿ’ป

Matias Kohan

๐Ÿ’ป

Duraimurugan

๐Ÿ’ป

Yohan Lasorsa

๐Ÿ’ป

Wassim Chegham

๐Ÿ’ป

Sander Melnikov

๐Ÿ’ป

Udhayakumar Govindarajan

๐Ÿ“–

Afif Alfiano

๐Ÿ’ป

Gil Creque

๐Ÿ’ป

afflexux

๐Ÿ’ป

allcontributors[bot]

๐Ÿ“–

Bertrand Tchoumkeu

๐Ÿ’ป

Maxim Salnikov

๐Ÿ’ป

Rares Golea

๐Ÿ’ป

Brian Swank

๐Ÿ’ป

Hugo

๐Ÿ’ป

Noรซl Macรฉ

๐Ÿ’ป

Jesse M. Holmes

๐Ÿ’ป

Carlos G. Rodriguez

๐Ÿ’ป

Zacharias Enochsson

๐Ÿ’ป

Bismo Baruno

๐Ÿ’ป

Filippo Gualandi

๐Ÿ’ป

Mike Hartington

๐Ÿ’ป

aelgasser

๐Ÿ’ป

Cezar Sรฎrbu

๐Ÿ’ป

Nicoss54

๐Ÿ’ป

Yonet

๐Ÿ’ป

This project follows the all-contributors specification. Contributions of any kind welcome!

hello-worlds's People

Contributors

0xsimeon avatar aelgasser avatar afflexux avatar allcontributors[bot] avatar azureadvocatebit avatar bswank avatar btchoum avatar carlosroec avatar craigshoemaker avatar dependabot[bot] avatar duraimurugan avatar filini avatar gildotdev avatar hugodf avatar johnpapa avatar ksivamuthu avatar manekinekko avatar matiaskm avatar mhartington avatar nicoss54 avatar nlm-pro avatar rgolea avatar sandydoo avatar sarbull avatar sinedied avatar spboyer avatar webmaxru avatar wolfhoundjesse avatar yonet avatar zaceno 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  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  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

hello-worlds's Issues

Fix all contributors

No clue what's wrong. even without an rc file, it says the rc file has an error at position 1784

Jekyll

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • remove all tests and commands for tests and dependencies for tests
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must be in the folder named <tech-name>
  • add build steps and which folder to serve in the README.md
  • verify that the app once built can be served from whatever folder the built assets are placed in
  • verify that a Pull Request doesnt already exist. If it does, feel free to contribue to it.

Preact

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • remove all tests and commands for tests and dependencies for tests
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must be in the folder named <tech-name>
  • add build steps and which folder to serve in the README.md
  • verify that the app once built can be served from whatever folder the built assets are placed in
  • verify that a Pull Request doesnt already exist. If it does, feel free to contribue to it.

Hello world using Gridsome

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • remove all tests and commands for tests and dependencies for tests
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must be in the folder named <tech-name>
  • add yourself using the all-contributors bot @allcontributors please add @<your-github-account> for code
  • add build steps and which folder to serve in the README.md, Serve the public folder

TypeScript

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • remove all tests and commands for tests and dependencies for tests
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must be in the folder named <tech-name>
  • add build steps and which folder to serve in the README.md
  • verify that the app once built can be served from whatever folder the built assets are placed in
  • verify that a Pull Request doesnt already exist. If it does, feel free to contribue to it.

Hugo hello world

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme
  • must be in the folder named <tech-name>-app

Angular Universal hello world

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme
  • must be in the folder named <tech-name>-app

gatsby hello world

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme
  • must be in the folder named <tech-name>-app

Vanilla HTML hello world

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme
  • must be in the folder named <tech-name>-app

Lit-element/Open-wc hello world

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • remove all tests and commands for tests and dependencies for tests
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must be in the folder named <tech-name>
  • add yourself using the all-contributors bot @allcontributors please add @<your-github-account> for code
  • add build steps and which folder to serve in the README.md, Serve the public folder

Polymer App Hello World

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme, alphabetically
  • must be in the folder named <tech-name>
  • add yourself using the all-contributors bot @allcontributors please add @<your-github-account> for code

ThreeJS Hello World!

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme, alphabetically
  • must be in the folder named <tech-name>

Glimmer

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • remove all tests and commands for tests and dependencies for tests
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must be in the folder named <tech-name>
  • add build steps and which folder to serve in the README.md
  • verify that the app once built can be served from whatever folder the built assets are placed in
  • verify that a Pull Request doesnt already exist. If it does, feel free to contribue to it.

Blazor

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • remove all tests and commands for tests and dependencies for tests
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must be in the folder named <tech-name>
  • add build steps and which folder to serve in the README.md
  • verify that the app once built can be served from whatever folder the built assets are placed in
  • verify that running npx http-server <your-folder-to-serve> works
  • verify that a Pull Request doesnt already exist. If it does, feel free to contribute to it.

Aurelia hello world

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme
  • must be in the folder named <tech-name>-app

CI / CD for Hello World Apps

Is your feature request related to a problem? Please describe.
Add Github Actions to build each hello world apps.

Describe the solution you'd like
Build and deploy the hello world apps. Add the workflow actions - each framework has its own actions. That means changes in the angular app should build angular app only.

Stencil hello world

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme
  • must be in the folder named <tech-name>-app

BabylonJS hello world!

Please assign the issue to me or ignore!

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme
  • must be in the folder named -app

Fixing of typos

Fixing of typos and improving the documentation and Read me file as the project advances.

Eleventy

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must be in the folder named <tech-name>
  • add yourself using the all-contributors bot @allcontributors please add @<your-github-account> for code
  • add build steps and which folder to serve in the README.md, Serve the public folder

Nuxt hello world

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme
  • must be in the folder named <tech-name>-app

Vuepress hello world

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme
  • must be in the folder named <tech-name>-app

Add Ember hello world

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme
  • must be in the folder named <tech-name>-app

Hugo ?

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must be in the folder named <tech-name>
  • add yourself using the all-contributors bot @allcontributors please add @<your-github-account> for code
  • add build steps and which folder to serve in the README.md, Serve the public folder

Scully hello world

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme
  • must be in the folder named <tech-name>-app

Next hello world

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must add to the readme
  • must be in the folder named <tech-name>-app

Angular.js v1.x

By making a PR you are agreeing to that contributing a hello world project allows the repo/project owner to use the hello world app in examples for their own use.

  • only the most simple basic hello world app
  • remove all tests and commands for tests and dependencies for tests
  • must say "Hello World" on the main component
  • only include the minimal components (1 ideally)
  • no routing, not extras whatsoever
  • no styling
  • nothing else !
  • must work by running npm install and npm start (or equivalent)
  • must be in the folder named <tech-name>
  • add build steps and which folder to serve in the README.md
  • verify that the app once built can be served from whatever folder the built assets are placed in
  • verify that a Pull Request doesnt already exist. If it does, feel free to contribue to it.

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.