Step 1 - step up the front end public folder
- index.html
- all the angular files (app,mainCtrl,dataService,routes)
- tested all the connections({{test}} and Routes)
Step 2 - Set up Server.js
- added all Dependencies,middleware,connections
- added new view and route and called home
Step 3 - Set up DataBASE
- add mongoose stuff and link it to m-labs (from old project)
Step 4 - Lets set up the Login Page (with FACE BOOK)
- need npm packages (passport, ect...)
- took over 30 minutes to investigate how to have face book Strategy outside the serverjs.
- but reverted to what i learned yesterday. (everything in server.js)
Step 5 - Lets set up home page (similar to old project)
- selecting picture took long time
- and being routed via routes
- line the add glyphicon and heading
- On click ==> input box will appear with "add List" button, upon add List, list should appear.
- add rest of the body
Business
- List (heading)
- task (children of heading)
Step 6. Now save the list item in the dataBase(on ng-click)
- model.js to define the Data Structure (lets call this as list.model.js) (DONE)
- List controller to do the crud operations(DONE)
- link these files with server.js(DONE)
- I FORGOT - Linking dataService, mainCtrl, and home.html
Step 7 - In step 6 I posted the data to server. Now do GET OPERATION
STOP STOP ---- PostMan POST AND GET are working however, dataService and unable to post and get from front end.
Next day - I was not passing the listName in the ng-click
- ng-model = "listName" (its getting captured)
- That should be passed into the function where ever it is sitting.
Step 8 - Delete the List from Front end
- Inserted x on the list div on the right side
- ng-click delete-list(listName) in index.html
- Function to delete in mainCtrl
IT WORKED!!! THAT MADE ME HAPPY!!!!
After celebrating. i checked dataBase.. I still see the lists in it. It makessense. I need to pass on the delete button to server.js
Step 9 - Delete from dataBase
- I had to learn the importance of params:id (still need more understanding)
Step 10 - Now lets work on TASKS
- Set up home.html
- mainCtrl
- dataService
- taskCtrl
- taskModel
- server.js