Wednesday, February 8, 2017

Project 1: ToDo List Application using the MEAN stack

On completion of this project I am now officially back on schedule.

The past two weeks were designated to the Todo list application using the MEAN stack. The MEAN stack uses MongoDb, ExpressJS, Angular2 & NodeJS. Express and & Node comprised the backend of my application while MongoDb was the noSQL database used. I also learned how to install bootstrap using bower. To create this application required me to learn about HTTP requests. I used GET, PUT, POST & DELETE requests in the app. Below you can see a video of the working project.


I used the MEAN stack to develop an application during my summer co-op and so I was familiar with Express, Node and MongoDb, the challenge was figuring out how to incorporate Angular 2 into the app. I also encountered a compiling issue. To solve this issue I retrieved the template package.json from Angular Quickstart and reinstalled the dependencies using npm install. 

While it was a good experience scaffolding out the application on my own, I think in the future I will use Yeoman to generate the skeleton of my projects. Figure 1. below demonstrates that I successfully completed the tutorials providing direction on how to achieve success with the application.

Figure 1. Demonstrated completion of the project tutorials
At the end of each section I complete a quiz to evaluate comprehension. Figure 2. shows my results from this sections quiz.
Figure 2. Quiz results for Todo App section



No comments:

Post a Comment