[MEGATHREAD] GlitchyPastePen - Create simple front-end projects using an online code editor with instant hosting

GlitchyPastePen BETA

Create simple front-end projects (mainly with HTML, CSS and JS) using an online code editor with instant hosting, much like CodePen.

GlitchyPastePen has an online code IDE, which allows you to create a simple static site and host them immediately.

GlitchyPastePen: https://glitchypastepen.glitch.me/
GitHub Repository: https://github.com/GlitchyPastePen/GlitchyPastePen
Discord Server Invite: https://discord.gg/EzpVwR3
Status: https://glitchypastepen.statuspage.io
Forum: https://glitchypastepen.flarum.cloud

Features

  • Collaborate live with friends and other users (temporarily disabled)
  • Powerful code editor with Ace.js
  • Choose your own preferences such as text wrapping, theme, font-size, etc, for the editor.
  • Intellisense powered by Ace.js
  • Beautify your code to make it look better.
  • Instant hosting for projects

Contributing

  1. Fork the repository!
  2. Clone your fork: git clone https://github.com/your-username/GlitchyPastePen.git
  3. Create your feature branch: git checkout -b my-new-feature
  4. Commit your changes: git commit -am 'Add some feature'
  5. Push to the branch: git push origin my-new-feature
  6. Submit a pull request!

Uses

  • HTML
  • CSS
  • JS
  • Node.js (Express)
  • EJS
  • TogetherJS for streaming with friends (Mozilla labs) (CURRENTLY DISABLED)

Remixing

remix this
  1. Remix this project or clone this repo.
git clone https://github.com/khalby786/glitchypastepen.git
cd glitchypastepen
  1. In the .env file, create a variable named SECRET and give it some value (meant for your session password).

  2. This project uses the GitHub oAuth, so you need to create a new Github oAuth app in your GitHub Account, so first go to http://github.com.

  3. Click on your profile picture in the top right corner and select ‘Settings’ from the drop-down menu.

  1. Scroll all the way down and choose “Developer Settings” from the left menu.

  1. Choose oAuth Apps.

  1. Click on “New oAuth App”

  1. Fill in all the details according to your wish, but make sure to set callback as https://PROJECTNAME.glitch.me/login/github/callback.
npm start

Collaborators

Contributors


Status page at https://glitchypastepen.statuspage.io.

12 Likes

Really cool software! I have messed around with this and it is awesome!

3 Likes

ya i like it to?
is this open source on glitch

2 Likes

DO NOT USE YOUR EVERYDAY PASSWORD ON THIS SITE! This site does not hash your password or use any sort of encryption at all!

5 Likes

Credit to @17lwinn for making Ace.js work, because it wasn’t working initially.

3 Likes

Yeah, I don’t. Good call, I should have said this earlier.

1 Like

I’ll be willing to add proper hashing and authentication if you’d like.

5 Likes

Thank you so much @ihack2712, see https://github.com/khalby786/GlitchyPastePen#contributing.

2 Likes

Glitch project at https://glitch.com/edit/#!/glitchypastepen

1 Like

Pull request made, oh forgot to say but I added I slightly modified the big text of the homepage.

4 Likes

Can they not just use the bcrypt library. I have got that working before. They could also set up passport.js

4 Likes

Simple fix, that when not implemented is a major security problem.

Also implementing that know will lock users out of there old accounts so the system needs to encrypt all old passwords as a one time thing.

5 Likes

Do you know any good tutorials for username/password logins that do not require 3rd party apps? I want to implement some for my site

1 Like

Hey @Anish @EddiesTech @ihack2712,

I’ll be rolling out a security update today making sure no more security vulnerabilities remain. Also thanks to @wh0 for pointing out another problem in the DMs. All passwords will be encrypted and we’ll have random words for project names.

6 Likes

Here’s a secret (not so secret) tip: in the editor, press Ctrl + , and you’ll see a settings pane which allows you to set preferences for the editor.

1 Like

@javaarchive your pull request looks good although I’ve a few things in the code to tidy up before merging the request.

2 Likes

Yes I normally ruin good-looking code when I remix/fork things. Example: Jenn’s wonderful 8 bit pixel art code

3 Likes

UPDATE!

Since passwords created before this update are not encrypted, login might fail. So, if you want, you can request to have your account deleted and you make a new one. When you make a new account, make sure to use the same username so that you get back your projects.

3 Likes

Don’t encrypt passwords…

5 Likes

Passwords look like this now:

image

1 Like