How to structure Angularjs/Leaflet/Node.js Application

Question

I am working on Web app that analyze public transportation in real-time. I build an interactive map dashboard. I use : - Node.Js: for backend processing. - Angularjs & Leaflet: to work on the front end data visualization.

I'd like reorganize my project, but I couldn't find a convenient structure. I took a look at angular-seed, the official starting point for AngularJS apps. The "app" directory contains the following structure:

css/
img/
js/
   app.js
   controllers.js
   directives.js
   filters.js
   services.js
lib/
partials/

Another structuring found on [ng-boilerplate][1] repo

build/
src/
app/
assets/
components/
less/
testacular/ (or karma/)
vendor/
    Grunfile.js
    module.prefix
    module.suffix
    package.json

I found this Angular Leaflet App Skeleton, it could be a good start, but how can I add Node.Js I found also two great articles :

Do you recommend using angular-leaflet-directive and Node.js, or build Angularjs/Leaflet/Node.js project ?

What is the best way to structure my project in this case ?

Check out this article: The case for separating front- and back-end — Christiaan Westerbeek
– Christiaan Westerbeek, Commented Sep 29, 2017 at 11:21

HariKrishnan · Accepted Answer · 2014-04-06 06:11:11Z

2

It may be better to not have Angular and NodeJS code in the same project. Let your NodeJS project be a pure JSON API. The Angular project can be a client project.

You can serve the Angular code from an Apache or CGI server and run your Express server for the NodeJS.

answered Apr 6, 2014 at 6:11

HariKrishnan

3563 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to structure Angularjs/Leaflet/Node.js Application

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related