railsstudent / angular-uploadphoto

Use MEAN stack to develop a simple upload photo SPA

angular-uploadphoto

Create a simple MEAN application to upload photo, list all photos and query photo dimensions by id.

Photo is stored in /uploads directory in the server. Photo attributes are stored in local mongodb, database photodb, collection photos and port 27017.

##Technology used: ###Environment:

1. Angular 1.4.x

2. Node 5.12.0

3. Mongodb

4. Browser tested: Chrome 51 and FireFox 47.0

5. Framework: .* Express 4.5.1

###Libraries used:

1. Lodash: collection utility
2. ng-file-upload: to up select image file and upload to server via nodejs url
3. Mongoose: Node ORM
4. node-uuid: generate pseudo random uuid and use the value to rename image file on server side
5. image-size: read image and return dimensions of the file
6. multiparty: upload image file as multi-parts

##Installation:

1. Create uploads folder under angular-uploadphoto/app
2. Type npm install on command line to download modules to node_modules directory
3. Type bower install on command line to download libraries to public/libs directory
4. Start local mongodb
5. Type node server.js to start node server
6. Type localhost:8080 in browser to navigate to index page