<commit_before># Simple Todos with Meteor and Semantic UI

Simple Todos starter app using Meteor framework. Extends simple-todos tutorial to use Semantic UI. http://simple-todos-semantic.meteor.com

## Introduction

At OpenStart we are really liking what Meteor 1.0 has to offer, specifically for rapid prototyping full-stack mobile-web, reactive apps, or minimum viable products (MVP).

Meteor also makes it relatively easy to add your UI library of choice when building a nice looking frontend.

Meteor team has already done a great job of making their sample apps look really cool visually. We wanted to extend that coolness with more comprehensive UI frameworks.

Semantic UI is a refreshing alternative to Twitter's popular Bootstrap framework. The UI is more modern, and the class naming cleaner.

This project extends Meteor's simple-todos app that results from their [official tutorial](https://www.meteor.com/install).

Objective is to retain simple Single Page App boilerplate with three files (css, html, js), while showcasing key features of SemanticUI and Meteor, that make sense together.

## Dependencies

Meteor

https://www.meteor.com

Semantic UI

http://semantic-ui.com | https://github.com/Semantic-Org/Semantic-UI

HighCharts (FREE FOR NON-COMMERCIAL)

http://www.highcharts.com/


## Setup instructions

Install meteor framework. All commands use terminal.

```
curl https://install.meteor.com/ | sh
```

Pull/clone/fork this repository.

```
https://github.com/open-start/simple-todos-meteor-semantic-ui.git 
```

Add Semantic UI package.

```
meteor add nooitaf:semantic-ui
```

Add accounts-ui package for authentication.

```
meteor add accounts-ui accounts-password
```

Make app secure.

```
meteor remove insecure
```

Add publish-subscribe.

```
meteor remove autopublish
```

Add HighCharts package

```
meteor add maazalik:highcharts
```

## Extended Features

- Semantic UI Forms, Dividers, Labels, Buttons, Segments, Modal.
- HighCharts to show a simple reactive dashboard for task completion.

## Wish List

It will be nice to add following features as long as we are not complicating the starter app.

- Web usage analytics
- Star ratings / voting for tasks
- Pagination
- Search<commit_msg>Added open issues, learning section to readme<commit_after># Simple Todos with Meteor and Semantic UI

Simple Todos starter app using Meteor framework. Extends simple-todos tutorial to use Semantic UI. http://simple-todos-semantic.meteor.com

## Introduction

At OpenStart we are really liking what Meteor 1.0 has to offer, specifically for rapid prototyping full-stack mobile-web, reactive apps, or minimum viable products (MVP).

Meteor also makes it relatively easy to add your UI library of choice when building a nice looking frontend.

Meteor team has already done a great job of making their sample apps look really cool visually. We wanted to extend that coolness with more comprehensive UI frameworks.

Semantic UI is a refreshing alternative to Twitter's popular Bootstrap framework. The UI is more modern, and the class naming cleaner.

This project extends Meteor's simple-todos app that results from their [official tutorial](https://www.meteor.com/install).

Objective is to retain simple Single Page App boilerplate with three files (css, html, js), while showcasing key features of SemanticUI and Meteor, that make sense together.

## Dependencies

Meteor

https://www.meteor.com

Semantic UI

http://semantic-ui.com | https://github.com/Semantic-Org/Semantic-UI

HighCharts (FREE FOR NON-COMMERCIAL)

http://www.highcharts.com/


## Setup instructions

Install meteor framework. All commands use terminal.

```
curl https://install.meteor.com/ | sh
```

Pull/clone/fork this repository.

```
https://github.com/open-start/simple-todos-meteor-semantic-ui.git 
```

Add Semantic UI package.

```
meteor add nooitaf:semantic-ui
```

Add accounts-ui package for authentication.

```
meteor add accounts-ui accounts-password
```

Make app secure.

```
meteor remove insecure
```

Add publish-subscribe.

```
meteor remove autopublish
```

Add HighCharts package

```
meteor add maazalik:highcharts
```

## Open Issues, Learning

- **Responsive grid.** Semantic UI grid seems to respond to screen size by scaling horizontally. Does not automatically occupy next row, when screen size is smaller.
- **Session variables.** Calculating private task count seems to behave erratically. Chart does not display total task count on hosted version, does so on local.
- **Reusable chart code.** Chart configuration method has hard-coding. Can it be parametrized to instantiate multiple charts using single method call?

## Extended Features

- Semantic UI Forms, Dividers, Labels, Buttons, Segments, Modal.
- HighCharts to show a simple reactive dashboard for task completion.

## Wish List

It will be nice to add following features as long as we are not complicating the starter app.

- Web usage analytics
- Star ratings / voting for tasks
- Pagination
- Search
{'fraction_non_alphanumeric': 0.07832532051282051, 'fraction_numerical': 0.0008012820512820513, 'mean_word_length': 4.351554126473741, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 10, 'lorem ipsum': 0, 'www.': 6, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1235829', 'n_tokens_mistral': 1502, 'n_tokens_neox': 1351, 'n_words': 611}