Seed Project II

Oops, I did it again. Unfortunately, angular-fullstack generator only supports Angular 1.6 and I need Angular 2.

I searched web again, but was not able to find what I need. So instead I decided to use seed project I downloaded from the course I watched. It took me about an hour to fix all version conflicts, but I am finally able to run a simple MEAN app.

Seed project

Setting up a MEAN project from scratch is not easy. Fortunately, there are many generators which one can use. I did a little search and found this one:

http://angular-fullstack.github.io/generator-angular-fullstack/index.html

I generated my project several times and it was always failing to load – displayed LOADING message on start.

Finally, I figured that when I ran install command as recommended:

npm install -g yo gulp-cli generator-angular-fullstack

it installed generator-angular-fullstack v5 alpha 4. I checked their web site and the latest release was 4.1.0, so I had to uninstall generator and install version 4.1.0. Once I did it everything worked. Now I can build my app.

Initial App Design

Here is an initial draft of the application I am going to build:

mean-app

It will be an SPA. On the left I will place a tree control where one can select a data source. On the right I will place a grid control. Although Mongo collections can store documents of different types I guess most collections will contain documents of the same type so it makes sense to present them in grid format. When first displayed I will build grid based on fields found in the first document. Columns can be changed in Fields control (by clicking on hyperlink with the list of columns).

Cmd control is to display a MongoDB command used to get data.

New Macbook Pro 13

Since I am starting learning the MEAN stack I decided that I need a laptop. And this time I want Apple laptop. I have spent almost half day browsing and comparing different models (I was considering buying a used one). Finally, I decided that most important characteristics for me are:

  • Size. I want 13 inch laptop
  • Screen resolution. Since 13 inch laptop is pretty small I need Retina display in order to use the laptop with monitor.

Around 5pm I found a good deal on ebay: new Macbook Pro 13 with Retina display for $1029 ($1299 on Apple.com). It’s cheaper than Macbook Air (after adding taxes). Deal was so good, I saw 8 laptops were sold within one hour. I quickly ordered one and it will be delivered in 3-4 days. Woohoo!