Erik Newland Logo image
Erik Newland

CodePen GPT

Utilize GPT4 to rapidly ideate and edit components in a web browser

Overview

CodePen GPT is my take on the CodePen platform. Users can utilize OpenAI's GPT4 model to create HTML/CSS and Javascript components. The CodeMirror editors feature a custom javascript linting implementation and a custom 'rainbowBrackets' extension that helps colorize depth/scope.

CodePen GPT is built on React and CodeMirror with the help of OpenAI's API.

Tools Used

React
CodeMirror 6
JavaScript