Skip to content

sev-it/react-dev-roadmap-editor

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Developer's Roadmap Editor

JavaScript Style Guide

The work is still continued but you can check current progress on Live Demo Page.

Philosophy

Firstly it was intended as a tool for creating, editing and maintaining React Developer Roadmap by Adam Gołąb.

But after some time of coding I realized that this tool can be used for creating any roadmaps and moreover any diagrams that can look like roadmaps.

Of course, the work isn't finished yet, but I have strong intention to get it completed.

Development

For development purposes you can simply clone this repository and start it on your local machine:

$ git clone https://github.com/daminort/react-dev-roadmap-editor.git
$ cd react-dev-roadmap-editor
$ npm install
$ npm start

Possibilities

Currently with this application you can do the follow things:

  • managing page size
  • adding various shapes: boxes, circles, curves
  • moving and resizing shapes
  • editing boxes data such as title, color, other info
  • saving and downloading diagram to JSON-file (opposite operation isn't available yet, sorry)

TODOs: implement possibility to

  • attach curves to arbitrary side of shape
  • restore diagram from JSON-file
  • manage multilingual content of boxes
  • launch simple client based on diagram for private tracking of learning progress

License

MIT © Daminort

About

Editor for building Developer's Roadmaps

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 98.3%
  • HTML 1.4%
  • CSS 0.3%