DEV Community

Cover image for Practical course: Create Mind Map App with React πŸ”₯πŸ”₯πŸ”₯
101samovar
101samovar

Posted on • Updated on

Practical course: Create Mind Map App with React πŸ”₯πŸ”₯πŸ”₯

Let’s create a React single page application.
The application to remember how to create React applications.

One of the best ways to remember something is to create a mind-map.
A mind-map is a chart with a hierarchy of keywords or topics.
Big topic is divided into several smaller ones.
Each small topic in turn is divided into smaller parts.

This application is simple.
Still it has charts, tables, toolbars, data-storage and routing.
All you need to create a single page application.

The application can change screens, create new items and delete items.
The application can zoom-in and zoom-out.

Nice simple single page application. The application to create a mind map.
The mind map to remember how to create single page applications with React.
So, let’s get it started!

Source code:
https://github.com/101samovar/react-mindmap.git

Our channel:
https://youtu.be/X_p4G-SW1tM

I hope you found this article useful, if you need any help please let me know in the comment section.

πŸ‘‹ See you next time. Have a nice day!

Discussion (2)

Collapse
bardushk profile image
Nickolay

Perhaps, in this case, the Material UI library should have been used for simplicity.

Collapse
101samovar profile image
101samovar Author

You're right. But this was done on purpose, for demonstration purposes.
To showcase the capabilities of React JS.