#NOTES MANAGER
notes.mana.pro - home page
Notes manager is a single page application written on react.js and redux.js on frontend and koa.js on backend. The application helps to manage notes. And allows to perform different CRUD operations with folders, notes and tags. More details in Features
- CRUD operations with folders
- CRUD operations with notes
- Drag'n'drop sorting for notes inside folders
- Search components works in 2 modes: search simple (to search in notes titles) and serch deep (to search in titles, in texts or by tags)
- Tags creation and attaching them to notes.
- Navigation with react router.
- Redux-saga for advanced asynchronous workflow.
- Material UI.
- CSS4 modules and PostCSS.
- Own typography and animated layout based on flexbox.
- Webpack integration with all preprocessors (Sass, Less, Stylus)
- Babel with es7 features.
- All existing devtools for redux are integrated and work in development mode. Ctrl+H to open Ctrl+M to switch between panels
- Integration with Instanbul coverage.
- Own approach in architecture based on best practices and ducks.js
- Folder Structure
- Available Scripts
- npm start
- npm test
- npm run build
- npm run build:open
- npm run test-prod
- npm run coverage
my-app/
--------------------/ build files /-------------------
README.md
node_modules/
package.json
.babelrc
config/
scripts/
-----------------/ application files /----------------
public/
index.html
favicon.ico
src/
index.js
--------------------/ common module /----------------
common/
entry-point/
------------------/ main module /------------------
_index-module/
------------------/ sub modules /------------------
<name1>-module/
<name2>-module/
For the project to build, these files must exist with exact filenames:
public/index.html
is the page template;src/entry-point/index.js
is the JavaScript entry point.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
It build tests with Istanbul coverage
To run built coverage in default browser on 7000 port
Builds the app for production to the build
folder.
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
This command runs node server and open build directory with in default web browser