hipstina / gel-pen

🔆 A full-stack app for building syntax highlighting themes.

Gel Pen

Project status: Launched April 26, 2021

By: Christina Padilla

Portfolio | GitHub | LinkedIn

---

Description

Gel Pen is an app for building beautiful syntax highlighting themes. With the Gel Pen editor, you can mock up your own syntax highlighting theme from scratch and begin using your theme immediately for all of your code snippets. Browse our library of themes to see what other users have made, like your favorites, and leave reviews of ones you've used.

Technologies Used

• React.js
• Flask-SQLAlchemy
• Redux

Getting Started

To get started, clone this repo to your local machine.

$ git clone https://github.com/hipstina/gel-pen.git

This project is built with Prism.js. You will need to install Prism.js power your syntax highlighting themes.

$ npm i prismjs

Install the dependencies for the server

$ cd gel-pen
$ npm i 

Install the dependencies for client

$ cd client
$ npm i

Screenshots

Future Updates

Track the development of this project on Trello: https://trello.com/b/LyINHY6A/gel-pen

Credits

Prism.js

Night Owl - a VS code theme by Sarah Drasner

CSS Variables for React Devs by Josh Comeau

Diagrams & wireframe built with Lucid