Git Product home page Git Product logo

gae-angular-material-starter's Introduction

#GAE Angular Material Starter #####Easiest way to start Google App Engine Angular Material project on Earth & Mars! As a base for this I've used starter projects gae-init and MEANJS, so big thanks to them!

This full stack uses following technologies:

  • Google App Engine
  • Python Flask
  • AngularJS
  • Angular Material
  • Gulp, Bower, npm

######You can see live demo here: https://gae-angular-material-starter.appspot.com/

##What's implemented?

  • Everything about user authentication - signin, signup, forgot pass, reset pass ... and all the boring stuff is done for you :)
  • Authentication with 11 different OAuth sites (Facebook, Twitter, etc.)
  • User profile pages - users can view/edit their profiles
  • Users list
  • Admin Interface - admin can edit app config, edit/delete/block users, etc.
  • "Send Feedback" page
  • Ability to generate mock data, while developing
  • Integration with no-captcha
  • Tracking with Google Analytics
  • Lots of useful angular directives and services

##What do I need? First make sure you've got following things installed on your machine:

##Install! Using yeoman:

sudo npm install -g generator-gae-angular-material-starter
mkdir myNewApp && cd myNewApp
yo gae-angular-material-starter  # it will ask you few questions, e.g your app name, etc.
gulp run

Using github:

git clone https://github.com/madvas/gae-angular-material-starter
cd gae-angular-material-starter
npm install
gulp run

And that's it! You should now see the app running on port 8080. You can now sign in via Google, or you can click "Generate Database" and then sign in as "admin" with password "123456"

##Deploy! When you're done with your beautiful Material Design app it's time to deploy! First, make sure you change your application name in app.yaml

gulp build
appcfg.py update main

And that's it! Your next big thing is out!

##What's left to do?

  • Tests - soon to be done
  • Docs/Tutorial - Although, docs doesn't exist yet, code is heavily commented, so you know what's going on :)

##Contribute! Sure you can :)

License

MIT. Can't be more open, source ;)

gae-angular-material-starter's People

Contributors

madvas 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

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

gae-angular-material-starter's Issues

User list on big screens

Hi, thanks for this great project.

Issue:

If you have a big screen the user list cannot be expanded.
The reason for this is that you need to scroll down to do so.
On a big screen I need to minimize the browser window to be able to do it.

user_list_too_short

Possible Solutions:

  • Load more as long as the list does not reach the bottom
  • Add a button to load more if the browser window is too high (my preferred method)

Insecure password hash function

Looked at your password hash function. As this article, i think your implement is insecure because it use the same salt for every password hashing.
Am i wrong?

Also is it efficient to use flask-bcrypt for password. Is it expensive on GAE.

insecure ?

I haven't tested yet but in base.html
the JS in the bottom seems to openly dump your app config which includes salt and flask secret.
these maybe shouldn't be stored/accessed like this, just saying

module.value('gaAppConfig', {{ app_config | tojson | safe }});

npm WARN deprecated [email protected]: the module is now available as 'css-select'

I get the following warning when i run:
$ sudo npm install -g generator-gae-angular-material-starter
npm WARN deprecated [email protected]: the module is now available as 'css-select'
npm WARN deprecated [email protected]: the module is now available as 'css-what'
/Users/me/npm-global/lib
└─┬ [email protected]
└─┬ [email protected]
└─┬ [email protected]
└─┬ [email protected]
└── [email protected]

Error on 'gulp run'

When I run gulp run for the first time (while setting up the project initially), I get an error message saying that "font-awesome.less wasn't found"

What is the problem here?

npm install error

I'm getting the following error when trying to install and locally run the app. Running gae-init is fine.

See error below

Thanks in advance.

error

Import error for flask in main.py

I have the following traceback upon running python run.py:

I am using Python 3.4.4 and am on OS Yosemite 10.10.5

Sarans-MacBook-Pro:dreamApp sahluwalia$ python run.py pip install -q -r requirements.txt INFO 2016-03-26 22:30:04,032 devappserver2.py:769] Skipping SDK update check. INFO 2016-03-26 22:30:04,059 api_server.py:205] Starting API server at: http://localhost:49180 INFO 2016-03-26 22:30:04,063 dispatcher.py:197] Starting module "default" running at: http://127.0.0.1:8080 INFO 2016-03-26 22:30:04,064 admin_server.py:116] Starting admin server at: http://localhost:8081 ERROR 2016-03-26 22:30:06,426 wsgi.py:263] Traceback (most recent call last): File "/Applications/GoogleAppEngineLauncher.app/Contents/Resources/GoogleAppEngine-default.bundle/Contents/Resources/google_appengine/google/appengine/runtime/wsgi.py", line 240, in Handle handler = _config_handle.add_wsgi_middleware(self._LoadHandler()) File "/Applications/GoogleAppEngineLauncher.app/Contents/Resources/GoogleAppEngine-default.bundle/Contents/Resources/google_appengine/google/appengine/runtime/wsgi.py", line 299, in _LoadHandler handler, path, err = LoadObject(self._handler) File "/Applications/GoogleAppEngineLauncher.app/Contents/Resources/GoogleAppEngine-default.bundle/Contents/Resources/google_appengine/google/appengine/runtime/wsgi.py", line 85, in LoadObject obj = __import__(path[0]) File "/Users/sahluwalia/Desktop/AngularTuts/angular_material_starter/dreamApp/main/main.py", line 5, in <module> from flask import flask ImportError: No module named flask INFO 2016-03-26 22:30:06,432 module.py:787] default: "GET /_ah/warmup HTTP/1.1" 500 -

Wow amazing

This looks, amazing, just wanted to say thanks for open source it 👍

question on master config

Hi, the master config data store's change seems loaded when app is released and deployed (on gae). Is it possible that config changes are immediately applied after making changes? Seems if i change the value, i need to re-deploy with different version and change the version. Am i missing something? Thanks.

Jon Web Token to authenticate user to use api

I think we can use json web token to authentiate user to use api other than using session. If attacker gain our session he can do all thing, but when he gain token he can do only little thing.

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.