GithubHelp home page GithubHelp logo

scotch-io / starter-node-angular Goto Github PK

View Code? Open in Web Editor NEW
481.0 41.0 1.4K 2.66 MB

A starter kit for Node and Angular Single Page Apps

Home Page: http://scotch.io/bar-talk/setting-up-a-mean-stack-single-page-application

JavaScript 99.20% CSS 0.80%

starter-node-angular's Introduction

MEAN Stack Single Page Application Starter

This is a repo for a starter appliation for a Single Page MEAN Stack application. Just download and install and you have a good foundation for building application.

Installation

  1. Download the repository
  2. Install npm modules: npm install
  3. Install bower dependencies bower install
  4. Start up the server: node server.js
  5. View in browser at http://localhost:8080

Use this starter kit to build any MEAN stack application you like.

If you have any questions or requests, email us at [email protected] and we'll keep updating this to make it perfect.

Future Additions

  • CRUD examples
  • Development and Production Environments
  • Link examples
  • Single Page AngularJS Animations

starter-node-angular's People

Contributors

caionitro avatar eliwheaton avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

starter-node-angular's Issues

Not able to install bower

I have pre installed bower using: $npm install bower
now when I used $bower install its not working. Showing error that 'command not found'. Why?
Due to this index page is not working properly.

App has no method 'configure'

$ node server.js

.......starter-node-angular/server.js:14 app.configure(function() { ^ TypeError: Object function (req, res, next) { app.handle(req, res, next); } has no method 'configure' at Object.<anonymous> (/..../starter-node-angular/server.js:14:5) at Module._compile (module.js:456:26) at Object.Module._extensions..js (module.js:474:10) at Module.load (module.js:356:32) at Function.Module._load (module.js:312:12) at Function.Module.runMain (module.js:497:10) at startup (node.js:119:16) at node.js:902:3

Sample MongoDB data

I am trying to fetch the data from my local MongoDB instance, but i see only empty json array when i navigate to: /api/nerds.

I have defined the sample Nerd collection in my local "stencil-dev" database as below. Is it correct ?

{
"_id" : ObjectId("5b965b3a15da33b567d9f794"),
"name" : "Tom"
}

Please clarify.

MEAN Architecture

Hi scotch-io,
The architecture of this application is not perfect. You should create routes and controllers folder for node.js part.

Cannot connect to local DB

db.js contains:
module.exports = { url : 'mongodb://localhost/test' }

and I have mongodb installed: $ mongo --version MongoDB shell version: 2.4.6
when is start node server.js I get this:
connect.multipart() will be removed in connect 3.0 visit https://github.com/senchalabs/connect/wiki/Connect-3.0 for alternatives connect.limit() will be removed in connect 3.0 The magic happens on port 8080 events.js:72 throw er; // Unhandled 'error' event ^ Error: failed to connect to [localhost:27017] at null.<anonymous> (/home/petre/Documents/work/starter-node-angular/node_modules/mongoose/node_modules/mongodb/lib/mongodb/connection/server.js:553:74) at EventEmitter.emit (events.js:106:17) at null.<anonymous> (/home/petre/Documents/work/starter-node-angular/node_modules/mongoose/node_modules/mongodb/lib/mongodb/connection/connection_pool.js:140:15) at EventEmitter.emit (events.js:98:17) at Socket.<anonymous> (/home/petre/Documents/work/starter-node-angular/node_modules/mongoose/node_modules/mongodb/lib/mongodb/connection/connection.js:512:10) at Socket.EventEmitter.emit (events.js:95:17) at net.js:440:14 at process._tickCallback (node.js:415:13)

What am I missing?

Thanks for the tutorial and the project!
Petre

html content is not showing

Thanks for the tutorial.
I followed all the steps there and also compared my file with the github repo.
On all routes, '/', '/nerds' or '/geeks' routes are called there is no tagline and other *.html output/text do not appear . I downloaded the repository straight from git and ran it and it worked. I used a tool to find differences in the files and other than extra empty lines, there were no differences. What could I have done wrong?

Wire up a mocked appDirectives.js

I'm learning Angular so keep that in mind but it seems that the directives file should be mocked and wired up in the app already just as services and controllers are. For example:

// index.html
<script src="js/appDirectives.js"></script>

// appDirectives.js
angular.module('MainDirectives', []).directive('example', function(){

});

// app.js
'MainDirectives'

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.