Skip to content

a react flux structure mobile web app that allows you create, edit, and view short notes

Notifications You must be signed in to change notification settings

karenpeng/flux_anydo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Flux AnyDo.

Brief

Create a mobile web app that allows you create, edit, and view short notes. Notes are just small textual items, like to-do lists.

  • Notes should be stored using browser local storage
  • The app should be usable on a standard mobile browser

Functionalities:

  • Notes manipulations:

  • Create Note

  • Eidt Note

  • Re-order Notes

  • Complete Note

  • Remove Note

  • Local storage:

  • Base64 encode and decode

  • Mobile Interactions:

  • Swipe to complete note

  • Tap to input / reorder / remove

Design

  • Tool / Framework

  • gulp - task manager and build system

  • browserify - bundle module

  • flux - app architecture

  • react - ui component

  • sass - styling

  • mocha - testing

  • Structure (flux)

src
 ├─js
   index.js(entry of bundle)   
   ├─actions
   ├─components
   ├─constants
   ├─store
   ├─utils

Usage

  • Use input box to add note
  • Tap on note to edit
  • Tap on ▲ to re-order note
  • Swipe to mark note completed
  • Tap on ╳ to remove note

Demo

Open index.html in browser

or

Enjoy this video

About

a react flux structure mobile web app that allows you create, edit, and view short notes

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages