App to work with notes & files in a mind map view https://neural-notes.com
The files are saved to Google Drive.
There is no DB, it's just files:
- every node on mind map is a folder
- basically it's a folder tree displayed as a mind map
- notes are just txt files inside the folders
We are using React, Redux and Sagas there.
- Component file - a file that contain React.Component with view (without business logic)
- Container file - a file that connects react with redux.
- Saga file - this file contains business logic and action handlers. Use it also to work with asynchronous stuff.
- Styles file - javascript file that exports Styled Components.
Components are living in “/components” in componentName folder. For example “Note” component you will find in “/components/Note/NoteComponent.js”
NoteComponent.js should export React component with exact name as filename like “NoteComponent”.
The same for containers - “NoteContainer”.
All file types using their names as filename postfix. Examples:
components
└── Note
├── NoteActions.js
├── NoteComponent.js
├── NoteConstants.js
├── NoteContainer.js
├── NoteReducer.js
├── NoteSagas.js
└── NoteStyles.js
- Use “Styled” prefix for styled components. It will helps you yo understand in code what kind of components you are using. For example, if you override some styles for NoteComponent, please, gave it “StyledNote” name.
git clone https://github.com/DarthVanger/NeuralNotes.git
cd NeuralNotes
npm install
npm start # launches a server at localhost:3000
npm install
npm run build
Build script puts index.html
and all the assets into dist/
folder
$ ls dist/index*
dist/index.html dist/index.js dist/index.js.map
To test the production build locally, simply serve files from the dist/
folder.
For example you can easily launch a nodejs http-server on port 3000 like this:
npx http-server -p 3000 ./dist/
Visit http://localhost:3000 to see the website.