Skip to content

leoooy/guitar-editor

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Guitar-Editor

A portable guitar editor is coded based on react.js, inspired by Markdown and LaTex.

The chords and tab paragraphs components are based on <svg/> tech.

Two components that related to this projects are published to npm. If you are interested in how to develop a guitar chord with React.js, please check them

Demo

Click here to see the demo

ScreenShot

Home page

Preview page

Tips pop

Directory

├── README.md
├── Screenshots         # Screen shots
├── package-lock.json
├── package.json
├── public
├── src                 # Source codes
└── yarn.lock

How to run

$ npm install

$ npm start
$ npm run build         # To build this project

Advance

This project is written in the period of my final week, so there are some parsing parts that are not the most optimized one. For example, if you type really fast in the <textarea/> element, the editor might have some 'stuck' behaviors.

If you are interested in this guitar editor, please help me to improve the parsing part.

About

A portable guitar tabs editor based on react.js, inspired by Markdown and LaTex.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 83.5%
  • CSS 14.8%
  • HTML 1.7%