Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/codeep/angular4-node-mongo-starter


https://github.com/codeep/angular4-node-mongo-starter

angular angular-2 angular-cli angular2 angular4 eslint eslint-config mongo mongodb mongodb-database mongoose node node-js nodejs production production-ready scaleable tslint tslint-config tslint-rules

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

        

# Node - Mongo - Angular4 Starter

#### The project structure gives you a great opportunity to scale your application. Adding and maintaining API endpoints is easy and very fast. The structure is ideal for development process.
#### For production mode, only one server is required which is more affordable and convenient.

## Development server
Run `npm start` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Development API
Run `npm run api` for a separate server for API server. Navigate to `http://localhost:3000/`.

## Production

Run `npm run production` to generate a static files from Angular project and serve them from NodeJS.

## Build

Run `npm run build` to build the project. The build artifacts will be stored in the `server/dist` directory.

## Build Production

Run `npm run buildPROD` to build the project for production. The build artifacts will be stored in the `server/dist` directory.

## Project general structure

├── server # The whole API folder
├── api # Project Moules(Route Handlers, Mongoose Models), the modules are collected automatically, and inserted into the API
├── bin # Project start point
├── config # Config files
├── lib # Libs used - express, mongoose
├── src # Angular application source
├── app # Angular App
├── components # All the Angular's structure components
├── guards # Guards(Auth)
├── routing # Application Routing
├── services # Services(Request)
├── Request # Responsible for making get, post requests to the API.
├── app.component.ts # App's first component
├── app.component.html # App's entry template
├── app.component.spec.ts # Component's unit tests
├── app.component.css # Css for the component
├── app.module.ts # The root module that you bootstrap to launch the application
├── assets # App assets, Here we can place public files
├── environments # Production and development environments

The client side was generated with [angular-cli](https://github.com/angular/angular-cli).