FlowTask - simple yet interactive task board for your mobile browser

Getting started

Go to your project folder and

git clone [email protected]:moubi/flow-task.git
cd flow-task/
yarn
yarn start

That's it. Navigating to http://localhost:3002 will bring the board with some example data from the localStorage.

Prior installation

The project is built with node version 10.15.1 . This is set in the .nvmrc file. You may need to additionally install it on your development machine. With nvm :

nvm install 10.15.1
nvm use

Backend integration

master branch represents pure frontend app that uses localStorage database for columns and tasks data. This is set in src/lib/Api.js . There are also two backend integrations for deployment on php and node enabled hostings.

• Php ( feature/php-backend branch)
• Node ( feature/node-backend branch)

Check corresponding READMEs for more info.

Tests

Trigger the test suite by

yarn test

Tests cover all the components, reducers and actions. Each test ( *.test.js ) is placed next to its target file.

Deployment

To build a create-react-app project run:

yarn build

All the production files are then stored in the build/ folder.

Node and php backends have their own build process.

Support

Though, it implements several interesting ideas and UI effects, the board was initially intended to serve personal goals and developed for latest iOS Safari .

Contributing

Android support, bug fixes, new features or even a desktop version - your help is welcome. Contact me directly if you are interested in further project development.

Authors

Miroslav Nikolov

License

MIT

Acknowledgments

• swipeable-react - catching swipe interactions
• react-beautiful-dnd - great drag and drop module for React
• unexpected-dom - easily test React components and events