https://github.com/blaskodaniel/sn-angular-redux-todo-app

Example todo app built with Angular1.x+Redux upon Sense/Net ECM
https://github.com/blaskodaniel/sn-angular-redux-todo-app

sensenet

Last synced: about 2 months ago
JSON representation

Example todo app built with Angular1.x+Redux upon Sense/Net ECM

• Host: GitHub
• URL: https://github.com/blaskodaniel/sn-angular-redux-todo-app
• Owner: blaskodaniel
• License: apache-2.0
• Created: 2017-01-14T16:53:45.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-01-25T14:16:27.000Z (over 7 years ago)
• Last Synced: 2024-04-08T03:05:22.990Z (5 months ago)
• Topics: sensenet
• Language: JavaScript
• Size: 28.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Todo App example with SN7, Angular 1.x and Redux

This example is simple todo app built with Angular1.x+Redux upon Sense/Net ECM which has been prepared to demonstrate how to use the new Sense/Net ECM related libraries [sn-client-js](https://github.com/SenseNet/sn-client-js)

and [sn-redux](https://github.com/SenseNet/sn-redux).

## Quick start

```

$ git clone https://github.com/blaskodaniel/sn-angular-redux-todo-app.git

$ cd sn-angular-redux-todo-app

$ npm install

$ npm start

```

## Settings

To use this example you'll need a Sense/Net ECM portal. To connect the app with the portal set your site's url as the app's siteUrl

```

import { SetSiteUrl } from 'sn-client-js';

SetSiteUrl('https://mysite.com');

```

Go to your portal's Portal.setting (/Root/System/Settings/Portal.settings) and check the allowed origins. To get the app working you have to add the app's domain as an allowed origin so that the app can send requests to the 

portal and get or set data.

```

{

   AllowedOriginDomains: [ "localhost" ]

}

```

For further information about CORS in Sense/Net ECM check [this](http://wiki.sensenet.com/Cross-origin_resource_sharing) article.

The example app uses one of the built-in TaskList Content in the default Sense/Net ECM install (/workspaces/Project/budapestprojectworkspace/Tasks). If you removed this Content and its children tasks earlier

or want to try with another TaskList change the value of the ```path``` variable of ```SnTodoListComponent``` in ```app.component.ts``` to the chosen list's path.

The example app demonstrates not only how to fetching data but also Content creation and delete. The app doesn't provide authentication because of it's simplicity so you have to make some permission changes

in your Sense/Net ECM portal to let Visitor users adding and removing tasks from the chosen parent list.

If you are not familiar with Sense/Net's permission system check the following wiki articles:

* [Sense/Net ECM Permission System](http://wiki.sensenet.com/Permission_System)

* [How to set permissions on a content in Sense/Net ECM](http://wiki.sensenet.com/How_to_set_permissions_on_a_content)

## Related documents

* [sn-client-js API reference](http://www.sensenet.com/documentation/sn-client-js/index.html)

* [sn-redux API reference](http://www.sensenet.com/documentation/sn-redux/index.html)

* [Redux](http://redux.js.org/docs/introduction/)

* [Getting Started with Redux](https://egghead.io/courses/getting-started-with-redux)

* [Angular](https://angular.io/)