There is an existing app built using [login to view URL] framework
[login to view URL]
The delivery of this project will be a very detailed [login to view URL] file which will describe in detail (and correctly) all steps required to achieve a similar
customers / transactions Demo App using the below tech stack/tools
The scope of this project is to showcase how a similar app can be built using following tech stack/tools
Check the attached [login to view URL] for more details.
See 00 - [login to view URL] how the top demo app menu should look after login.
The app will do Postgress/SQL CRUD manipulation for customers and transactions (one2many) and will do auth using [login to view URL] users (boilerplate from generator-angular-fullstack)
Users will have a bootswatch theme associated with their profile. At login the correct user's bootswatch theme should be loaded.
Users/theme will be stored in mongodb - [login to view URL]
A mongo-express GUI will be used to add/delete/edit/update user profiles along with theme - User mongoose model is { username, password, theme)
[login to view URL] will be used for auth. Users can choose to login either using username/password or they can do 'Login with Google' through [login to view URL] oauth2 google provider
Following tech stack/tools should be demonstrated
0. C9 as IDE
1. Heroku for deployment
2. [login to view URL] (yo angular-fullstack:heroku will be used to scaffold initial app and deploy on heroku)
3. [login to view URL] (used to scaffold/generate CRUD boilder plate)
4. MongoDB to store user profiles username/password/theme (hosted on free MongoLab [login to view URL])
5. [login to view URL] to store Customers / Transactions in a relational SQL database
3. [login to view URL] (Javascript utils)
4. [login to view URL] and [login to view URL] for SQL ORMs (store Customers and Transactions in a relational SQL database)
5. bootswatch themes ==> Modify the angular-fullstack generated Authentication boilerplate to save in mongodb the bootswatch theme along with the user name and user password
6. [login to view URL] (support both mongo db users username/password and 'Login With Google' oauth2)
7. [login to view URL] GUI to add/edit/delete/update users/passwords/theme
7. angular formly - to handle the generated CRUD forms (modal forms)
8. Implement/add AngularJS Menus Service support - The service should work the same (identical API) with this one
[login to view URL]
You can implement this using the [login to view URL] AngularJS Menus Service source code.
9. mount [login to view URL] as an express app under url /me/ (mongo-express GUI will be used to add/delete/edit/update user profiles)
10. Other JavaScript libs mentioned in the .PNG screenshots files (when these libs prove to be useful for achieving achieve the task)
The delivery of this project will be a [login to view URL] file which will start from an empty c9 node.js workspace/project and will describe in detail step0, step1 .... step 99 .. step150
with the last step being the yo angular-fullstack:heroku command which will successfully deploy to heroku. The deployed heroku app should be fully functional (users on mongodb and CRUD screens to customers/transactions on postgress sql)
Here is the empty readme file skeleton - [login to view URL]
The angular-formly CRUD forms to edit customers/transactions should be implemented as modal windows.
[login to view URL]
In their respective top menu entries for both customers/transactions it should come a list with all available customers / transactions and there should be
corresponding working buttons to CRUD each available customer and/or transaction.