The Action Manager

To keep your long-range goals in mind while you accomplish your daily tasks.

Fun for me

I especially enjoyed:

• implementing a Higher-Order Component to use a hook with a class component
• building mongoDB queries with mongoose that, sometimes, made multiple parallel queries

JavaScript Technologies Used

• Node.js
• Express
• React
• Redux
• MongoDB
• Mongoose

User Stories

As a goal-oriented user...

Basic Application w/Drag and Drop

• I can log in with Google.
• I can save my work.
• I can only access my my own action lists.
• I can add an action to a list.
• I can re-order the action list through dragging and dropping.
• I can check off an action.

Infinitely Nestable Actions

• When a particular action is active and I create an action, the new action is added to the active action's child list.
• I see each parent action above the active action, to tell me why the active action is important.
• The parent actions are listed in their hierarchal order. (Parent, Grandparent, Great-Grandparent, etc.)
• The action I'm current on is highlighted or displayed uniquely active, so I know which action I'm on.
• I can drag and drop one action into another in order to add it as a member of its childlist, grandparent list, great-grandparent list, etc.

Run This Code

1. cd backend
2. npm install
3. cd ..
4. cd client
5. npm install
6. cd ..
7. npm install
8. npm start