Giter Club home page Giter Club logo

nean-stack-starter's Introduction

NEAN (Neo4j, Express, Angular, Node) Stack Starter

A basic app that has all the features that all platfroms have like authentication, validation, error handling and more.

Similar to the MEAN stack just with Neo4j rather than Mongo.

  • Angular (client), Node (API), Neo4j (database)
  • Nodejs in Typescript
  • Basic Webpack build for Node (API)
  • Angular CLI
  • Chrome extension build output
  • JWT (JSON web token) authentication
  • Password hashing + salt
  • SendGrid Email integration
  • Angular Material
  • Neo4j query integration
  • API arcitecture (route -> controller -> service -> repository)
  • Shared validation between Angular and Node (Error handling)
  • Shared strongly typed view models
  • Shared strongly typed API endpoints
  • Google analytics - automatic page tracking
  • Client share actions
  • Lazy load routes with preloaded parts
  • Image uploader to Firebase storage
  • Tutorial/on-boading framework
  • Emoji picker (Material CDK)
  • Media (Image, YouTube, Vimeo) display component
  • Web share API
  • Basic web socket connection
  • Stripe Payment integration
  • Custom Material theme

Client pages

  • sign up
  • login
  • forgot password/reset password
  • header navigation/footer
  • newsletter sign up
  • email feedback
  • profile
  • tutorials
  • verify email
  • terms and conditions, pricacy policy and help

In-progress or comming soon

  • Progressive Web App (PWA)
  • Angular localization
  • GraphQL integration (Apollo)
  • Cordova IOS build output
  • Unit + integration tests (Karma + Protractor)

Running Locally

Make sure you have Node.js, Neo4j and Angular CLI installed.

Neo4j note: create a local database with with username: neo4j and password: neo4j

$ git clone [email protected]:CharlBest/nean-stack-starter.git
$ cd nean-stack-starter
$ npm install
$ npm start

Your app should now be running on localhost:3000

Watch (hot reload)

$ npm run dev

Why Heroku, GrapheneDB and Firebase for demo app hosting

Its free ;)

Procfile

This file is Heroku specific for hosting the nean demo app. Delete it if your are not using Heroku

Environment variables

Change to yours.

Client

In the environments folder there are 2 files. one for dev and one for production. The angular CLI switches them at build time.

Server

In the environments folder there is 1 file. In development default values are used. In production your hosting service should set process.env with the appropriate variables

Note: firebase storage has authentication on their buckets. Whitelist your url or something

nean-stack-starter's People

Contributors

charlbest avatar

Watchers

 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.