Code Monkey home page Code Monkey logo

vueply's Introduction

Vueply Logo

๐Ÿ”ฌ Vueply

forthebadge made-with-javascript forthebadge made-with-vue forthebadge built-with-love

โญ Star us on GitHub โ€” it helps!

Node.js CI

Vueply is a full functional JavaScript / Vue playground in the browser. Everything is simply stored on the server and really easy to use. It is a minimal IDE for easy prototyping in the web.

preview

๐Ÿ’ฅ Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project on a live system.

๐Ÿ”จ Prerequisites

First things first, you need to clone or fork the project.

git clone https://github.com/daycademy/vueply/

After that go into the cloned directory and type install all dependencies:

npm install
OR
yarn

That's it! You are ready to go!

You can run the development server by using:

npm run serve
OR
yarn serve

๐Ÿงช Running the tests

You can run all tests by executing:

npm run test:unit
OR
yarn test:unit

Make sure that basic tests are in ./test directory and modules tests are in their corresponding ./modules/**/Tests directory.

NOTICE: Tests are not finished yet. Help for tests, is wanted!

Coding style tests

You can run the coding style tests by executing the command:

npm run lint
OR
yarn lint

If you make a pull request, make sure you lint your files correctly.

You can force the linter to lint for you by executing:

npm run lint --fix
OR
yarn lint --fix

๐Ÿš€ Deployment

This is a front-end only project yet. So you can easily run the following command:

npm run build
OR
yarn build

you can deploy the project to a valid html site. After that, you can simply put these files in the directory of your choice.

Have fun using it and keep an eye on updates. ;)

๐Ÿ—บ Big Topics we want to do

  • Live Coding
  • TypeScript Support
  • Python Support
  • Markdown Support

๐Ÿ’ฌ Translations

๐Ÿ— Built with

๐Ÿ’ก Contributing

Want to file a bug, contribute some code, or improve documentation? Excellent! Read up on our guidelines for contributing and then check out one of our issues or feature requests.

You can find all contributors here.

๐ŸŽจ Versioning

Coming Soon

๐Ÿ˜Ž Authors

See also the list of contributors who participated in this project.

๐Ÿ“• License

This project is licensed under Attribution-ShareAlike 4.0 International

vueply's People

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

vueply's Issues

Manipulating DOM in javascript project does not work

Describe the bug
Manipulating the DOM does not work without a timeout function.

To Reproduce
Try to add a click event listener to an existing element with an id. There will be a error. But if you surround that with a timeout function, it works.

Expected behavior
Manipulate the DOM without timeout function

Add types for props

Some props in some components do not have any types or requirement specification.

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.