#Fashion Discovery App (LookBook)
Since the team mentioned you are using a MEAN stack, I chose to try building this app using it. I had never used Node.js with Express, so I figured this was a good way to learn a little more about it. I started with the official MEAN Yeoman generator to get started. I also used a few 3rd party libraries, such as a infinite scroll and masonry grid library to create the Pinterest-like layout.
Because of the Yeoman generator, there's probably quite a few extra things installed here that this particular app doesn't use. If this were a real app, I would also probably have included Sass, but for the purpose of this demo, I just went with regular CSS.
Make sure you have installed all these prerequisites on your development machine.
- Node.js - Download & Install Node.js and the npm package manager, if you encounter any problems, you can also use this GitHub Gist to install Node.js.
- MongoDB - Download & Install MongoDB, and make sure it's running on the default port (27017).
- Bower - Bower Package Manager to manage your front-end packages, in order to install it make sure you've installed Node.js and npm, then install bower globally using npm:
$ npm install -g bower
- Grunt - Grunt Task Runner in order to install it make sure you've installed Node.js and npm, then install grunt globally using npm:
$ sudo npm install -g grunt-cli
- Install Node and Bower Dependencies for this app
bower install
npm install
Run these commands to create seed data in mongodb
mongoimport --db fdiscovery-dev --collection looks --drop --file db/looks.json --host=127.0.0.1 --jsonArray
mongoimport --db fdiscovery-dev --collection authors --drop --file db/authors.json --host=127.0.0.1 --jsonArray
The easiest way to get this running is just to run it with the Grunt server in dev mode. This will also allow you to inspect source without having minified code.
grunt
The app should default to http://localhost:3000