Giter Site home page Giter Site logo

devchallenge's Introduction

Prerequisites

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.

  • Bower - You're going to use the 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 - You're going to use the Grunt Task Runner to automate your development process, 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

To install Node.js dependencies you're going to use npm again, in the application folder run this in the command-line:

$ npm install

To install Node.js dependencies you're going to use npm again, in the application folder run this in the command-line:

$ bower install

Running Your Application

After the install process is over, you'll be able to run your application using Grunt, just run grunt default task:

$ grunt or $ node server.js

Your application should run on the 3000 port so in your browser just go to http://localhost:3000

That's it! your application should be running by now.

Key Design Notes

FOLDER ORGANIZATION : When it comes to marriying two MVC technologies (Angular and Express) organizaing the folders by itself is a challenge. There is no defacto standard , but i particularly liked what MEAN.js did, taking a modular approach. The modules in 'public' (angular) are all independent having their own routs,views,controlles etc. Clear seperation of concenrs.

DATA PROVIDER: Angular reaches out to Node server in the background for data.The interaction with the spotify API is done thorough a node wrapper spotify-web-api-node which uses restler and is a nice promise based interface. The usage of Node is to show case my skill there and also it gives additional control over what goes out to the UI

devchallenge's People

Contributors

amoshaviv avatar liorkesos avatar enkodellc avatar lirantal avatar luebken avatar michaeljcole avatar fyockm avatar spacemonkey avatar netusco avatar mrjasonweaver avatar pontifier avatar rschwabco avatar ar1g avatar memolog avatar cpacker avatar ariutta avatar amenders avatar dizda avatar jonaswindey avatar mrngoitall avatar vikramtiwari avatar shacharz avatar mackstar avatar thehashrocket avatar revdave33 avatar rapind avatar claydiffrient avatar bwestmoreland avatar andrunix avatar xvaldetaro avatar

Watchers

James Cloos avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.