# Good platform choice for teaching p5.js at women's hackathon?

**URL:** <https://discourse.processing.org/t/good-platform-choice-for-teaching-p5-js-at-womens-hackathon/26340>\
**Category:** Teaching\
**Created:** [December 17, 2020, 6:30pm UTC](https://discourse.processing.org/t/good-platform-choice-for-teaching-p5-js-at-womens-hackathon/26340 "2020-12-17T18:30:21Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![baylyd](https://avatars.discourse-cdn.com/v4/letter/b/91b2a8/32.png) [@baylyd](https://discourse.processing.org/u/baylyd)\
**Post date:** [December 17, 2020, 6:30pm UTC](https://discourse.processing.org/t/good-platform-choice-for-teaching-p5-js-at-womens-hackathon/26340/1 "2020-12-17T18:30:21Z")

</div>

Hello there,

I’d love to get some insight from others about good tools/platform/environment to use when offering a p5.js workshop for a women’s hackathon. I’m particularly interested in teaching this as a “hackathon skill builder” workshop with the idea that participants can use material from my workshop to actually implement their projects/apps. I’m also very interested in there being as much of a 1:1 mapping between the p5.js documentation/reference and the code provided to the platform. The last criteria is it would be nice if there was an easy way for others to browse the sketches or webpages that get made by each participant much like a portfolio they can carry forward.

Thanks for any and all input!

---

<div class="post-metadata">

**Author:** ![tabreturn](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/tabreturn/32/3697_2.png) [@tabreturn](https://discourse.processing.org/u/tabreturn)\
**Post date:** [December 17, 2020, 7:17pm UTC](https://discourse.processing.org/t/good-platform-choice-for-teaching-p5-js-at-womens-hackathon/26340/2 "2020-12-17T19:17:42Z")

</div>

The [https://editor.p5js.org](https://editor.p5js.org) will do most of that. It’s p5, of course, but you can also edit the HTML/CSS; and you can share sketches. For the portfolio component – I suppose any point-and-click website builder will work?

I’m not sure if this is an online hackathon? For a live/collaborative environment, you might try [https://teddavis.org/p5live/](https://teddavis.org/p5live/).

---

<div class="post-metadata">

**Author:** ![baylyd](https://avatars.discourse-cdn.com/v4/letter/b/91b2a8/32.png) [@baylyd](https://discourse.processing.org/u/baylyd)\
**Post date:** [January 6, 2021, 9:53pm UTC](https://discourse.processing.org/t/good-platform-choice-for-teaching-p5-js-at-womens-hackathon/26340/3 "2021-01-06T21:53:56Z")

</div>

Oh gosh, I didn’t see this reply. Thanks for the suggestions!!

Yea I agree the portfolio part could be accomplished by exporting finished products from the editor to the website builder.

---

<div class="post-metadata">

**Author:** ![StriveMath](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/strivemath/32/11141_2.png) [@StriveMath](https://discourse.processing.org/u/StriveMath)\
**Post date:** [January 7, 2021, 6:04am UTC](https://discourse.processing.org/t/good-platform-choice-for-teaching-p5-js-at-womens-hackathon/26340/4 "2021-01-07T06:04:27Z")

</div>

[https://repl.it/](https://repl.it/) is the best bet in my opinion.

---

<div class="post-metadata">

**Author:** ![baylyd](https://avatars.discourse-cdn.com/v4/letter/b/91b2a8/32.png) [@baylyd](https://discourse.processing.org/u/baylyd)\
**Post date:** [January 7, 2021, 3:41pm UTC](https://discourse.processing.org/t/good-platform-choice-for-teaching-p5-js-at-womens-hackathon/26340/5 "2021-01-07T15:41:10Z")

</div>

Thanks @StriveMath !

---

<div class="post-metadata">

**Author:** ![codeguppy](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/codeguppy/32/8322_2.png) [@codeguppy](https://discourse.processing.org/u/codeguppy)\
**Post date:** [February 27, 2021, 4:05am UTC](https://discourse.processing.org/t/good-platform-choice-for-teaching-p5-js-at-womens-hackathon/26340/6 "2021-02-27T04:05:06Z")

</div>

I recommend you to take a look at [codeguppy.com](https://codeguppy.com) as well.  
It is based on p5.js and is fully online.

There are tons of projects and materials for download.

All the best!

 ![Slide4.PNG](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/9/9b4d70804f3bc5809b75930dd069d1e17c9cc471.jpeg)