Software Tools in Javascript
[CodeSven Link][CodeSven] [CodeSven]: https://radiant-sea-1408.herokuapp.com/
CodeSven is a tool to play around with Javascript in the browser. It is inspired by Repl.it / CodePen
CodeSven allows users to:
- Create and read javascript snippets
- Execute these javascript snippets in the browser
- Create an account
- Log in and log out
- Sign up or log in to save, edit and delete snippets
I will start out with User Authentication. Snippets will first be modeled as plain text blocks that users can later create. Users can watch the snippets of other users.
Users must be able to create Snippets right away, but not be allowed to save them unless they are signed in. I will build a dummy button for the snippet (to show the snippet in an alert message for now). Later on, this button will execute the snippet as javascript in a separate window in the browser
A user should be able to hit a 'run' button below their snippet, and as a result the javascript evaluation of the snippet should be displayed at a second window in the screen, much like Repl.it. This is the more unique part of my app, and an important part, and I want to make sure to make this work as well as possible.
I already have a basic version working, using the MochiKit Library.
Using something like CodeMirror or Highlight, I would like to give the user input some JavaScript syntax highlighting. If possible I will add indentation as well.
In the last days I want to make sure the app looks great. If there is time left, I want to add a 'like' feature, so that users can like the snippets of other users.
If time allows, I want to add the following to CodeSven:
- Users like other users their Snippets
- Users can tag their snippets during save (and later on)
- Add an HTML editor that combines with the JS
- Add a CSS editor that combines with JS and HTML
- Add a fork functionality, so that users can fork their snippets and add to the code