Features “CodePen” must build

CodePen is an online community for testing and showcasing user-created HTML, CSS and JavaScript code snippets. It functions as an online code editor and open-source learning environment, where developers can create code snippets, called “pens,” and test them.

Product Vision

The best place to build, test, and discover front-end code.

Customer Feedback Analysis

1. The auto-code completion is poor as the code library is not vast.
2. Intellisense is not great. 
3. Looking at the interface for the first time can be somewhat daunting.
4. No support for any other git-server than GitHub
5. It also does not do well on smaller screens.
6. Pro (premium) version required to keep work private and use external links properly

Competitors

• JSFiddle
• JS Bin
• CodeSandbox
• CSS Deck
• PLAYCODE
• Plunker

Market Trends

Product Planning

Top 5 features CodePen should consider adding

1. Embed and edit the code right on the website it’s embedded on.
2. No support for any other git-server than GitHub
3. HTML, CSS, and JavaScript pre-processors
4. Built-in learning tools.
5. Free code casting feature

References

product-management-foundations , Udemy course on PM