LifeMap is a web application that allows you to create and visualize your personal networks. You can add nodes representing different aspects of your life, such as education, work experience, hobbies, dreams, and family, and connect them to visualize relationships and dependencies.
- Start Your Mind Map: Enter your name to create the main node.
- Add Nodes: Click on nodes to select them, and use the action panel to add child nodes.
- Connect Nodes: Enable connect mode to link nodes together.
- Edit Nodes: Double-click on nodes to edit their labels.
- Save and Load: Use the top bar buttons to save your mind map to a file or load an existing one.
-
Clone the repository:
git clone https://github.com/kuberwastaken/LifeMap.git cd LifeMap -
Install dependencies:
npm install
-
Start the development server:
npm start
-
Build the project:
npm run build
index.html: The main HTML file for the application.index.js: The entry point for the React application.App.js: The main application component.LifeMap.js: The core component for creating and visualizing the mind map.LifeMap.css: The CSS file for styling the LifeMap component.
LifeMap allows you to save your mind map to local storage and download it as a JSON file. You can also load a previously saved mind map from a JSON file. Signing into Google saves it on the cloud, so if you sign in on any other device, it fetches your saved MindMap no matter where you saved it.
We welcome contributions from the community. Feel free to fork the repository, make changes, and submit a pull request.
-
I would like to thank Dr. Edward Rogers for his session on importance of a LifeMap like such in life, it was a huge inspiration behind this project.
-
Also, I would love to thank my undiagnosed ADHD for impulsively jumping on the idea as soon as the session ended.
This project is licensed under the MIT License. See the LICENSE file for details.