Userstory

• As a search engine bot I wannaa get quick overview over all documennts.

UAT

• tbd

Implementation

• Create the sitemap https://www.npmjs.com/package/express-sitemap
• Configure the sitemap on Google Webmastter Tools
• Configure the sitemap on Bing

Development

Branche: master

Error in andrelademann-de

TypeError in /user/profile
A date or timestamp must be provided to {{formatDate}}

View on Bugsnag

Stacktrace

node_modules/handlebars-intl/lib/helpers.js:240 - assertIsDate

View full stacktrace

Created automatically via Bugsnag

Error in andrelademann-de

Error in app.js:23
unable to connect to database at mongodb://127.0.0.1:27017/andrelademannde-home

View on Bugsnag

Stacktrace

app.js:23 - none

View full stacktrace

Created automatically via Bugsnag

Error in andrelademann-de

Error in _http_outgoing.js:489
Can't set headers after they are sent.

View on Bugsnag

Stacktrace

_http_outgoing.js:489 - validateHeader

View full stacktrace

Created automatically via Bugsnag

Use custom bootstrap css made with sass

Error in andrelademann-de

TypeError in /user/profile
A date or timestamp must be provided to {{formatDate}}

View on Bugsnag

Stacktrace

node_modules/handlebars-intl/lib/helpers.js:240 - assertIsDate

View full stacktrace

Created automatically via Bugsnag

Error in andrelademann-de

Error in app.js:23
unable to connect to database at mongodb://192.168.99.100:32769/andrelademannde-development

View on Bugsnag

Stacktrace

app.js:23 - none

View full stacktrace

Created automatically via Bugsnag

Programmatic image resize with a service

• AWS https://aws.amazon.com/de/blogs/compute/resize-images-on-the-fly-with-amazon-s3-aws-lambda-and-amazon-api-gateway/
• ZImage http://docs.zimage.io
• RseizeIO http://rsz.io

Userstory

• As a user i wanna tweet a article. This should be prepared for twitter with a ashort title and a shorten description.
• As a publisher I want to select the card type within its specific input fields.

UAT

• tbd

Implementation

• https://dev.twitter.com/cards/overview
• https://github.com/augbog/twitter-card
• Implement a handlebars viewhelpeer
• Take care of #13

1. Choose a card type you want to implement.
2. Add the pertinent meta tags to your page.
3. Run your URL against the validator tool to test. If you are working with a Player Card, request approval for whitelisting. All other Cards do not need whitelisting.
4. After testing in the validator or approval of your Player Card, Tweet the URL and see the Card appear below your tweet in the details view.
5. Use Twitter Card analytics to measure your results.

Development

Branche: master

Error in andrelademann-de

Error in app.js:23
unable to connect to database at mongodb://127.0.0.1:27017/andrelademannde-home

View on Bugsnag

Stacktrace

app.js:23 - none

View full stacktrace

Created automatically via Bugsnag

Userstory

What happens in Leipzig Germany? Visualisation of goverment data.

UAT

• tbd

Implementation

• Swagger https://github.com/fliptoo/swagger-express
• Data
  • http://statistik.leipzig.de/opendata/api/values?id=11658
  • http://statistik.leipzig.de/opendata/api/values?kategorie_nr=10&rubrik_nr=4&periode=y&format=json
• d3js, google chart, treejs

Development

Branche: master

Userstory

As an publisher I want to present projects. Each project contain

• title
• short description
• description
• release date
• image
  an can contain optional information
• url
• and contribute description

Following feature are selectable:

• donate
• comment

UAT

• tbd

Implementation

• tbd

Development

Branche: master

Userstory

As a user I wanna get a information when I call a URL which does not exist. Furthermore it will be usefull to have links to the homepage and a search field.

UAT

• tbd

Implementation

• Requires #22
• tbd

Development

Branche: master

Userstory

As a user with a Firefox Browser I wanna be able to switch the style of the Website.

UAT

• Open the Website with Firefox
• Go to menu / view / alternative style and select the other style.

Implementation

• Alternative style sheets
  • https://mobirise.com/extensions/puritym/
  • https://www.w3.org/Style/Examples/007/alternatives.en.html

    Development

    Branche: master

Error in andrelademann-de

TypeError in /articles/state/deleted
str.split is not a function

View on Bugsnag

Stacktrace

app/views/helpers/capitalize.js:17 - none

View full stacktrace

Created automatically via Bugsnag

Userstory

As an publisher, I want to make sure that no content is lost when the browser is closed.

UAT

• Create a new / Edit a article and add content to all field
• Test all changes appears when you open the edited article or when you click oon new article.

Implementation

• Use localstorage as data container http://garlicjs.org
• Add a reset button to "new articles" (The only meaningful application for that)

Development

Branche: master

Error in andrelademann-de

ReferenceError in app/controllers/user.js:71
passportUtil is not defined

View on Bugsnag

Stacktrace

app/controllers/user.js:71 - none
config/express.js:135 - none
config/express.js:134 - exports
app.js:31 - none

View full stacktrace

Created automatically via Bugsnag

Error in andrelademann-de

Error in app.js:34
listen EADDRINUSE :::3232

View on Bugsnag

Stacktrace

app.js:34 - none

View full stacktrace

Created automatically via Bugsnag

Userstory

As an publisher I want to enhance my content with a semantic declaration an automatic generated links.

UAT

• tbd

Implementation

• Make a tinyMCE fork from FREME project editor

Development

Branche: master

Error in andrelademann-de

Error in app.js:22
unable to connect to database at foo

View on Bugsnag

Stacktrace

app.js:22 - none

View full stacktrace

Created automatically via Bugsnag

Userstory

As a publisher I wanna create articles in a blog style. Three articles are featured on the home page. The other are listed in a cronolog order on a seperate page with there titles, short description and images..

UAT

• tbd

Implementation

• tbd

Development

Branche: master

Error in andrelademann-de

Error in app/controllers/articles.js:115
Can't set headers after they are sent.

View on Bugsnag

Stacktrace

app/controllers/articles.js:115 - none

View full stacktrace

Created automatically via Bugsnag

Error in andrelademann-de

Error in _http_outgoing.js:489
Can't set headers after they are sent.

View on Bugsnag

Stacktrace

_http_outgoing.js:489 - validateHeader

View full stacktrace

Created automatically via Bugsnag

Error in andrelademann-de

Error in app/controllers/articles.js:113
Can't set headers after they are sent.

View on Bugsnag

Stacktrace

app/controllers/articles.js:113 - none

View full stacktrace

Created automatically via Bugsnag

Userstory

As a user i wanna send linkbacks to the blog posts. A pingback is one of four types of linkback methods for Web authors to request notification when somebody links to one of their documents. This enables authors to keep track of who is linking to, or referring to their articles.

UAT

• tbd

Implementation

• https://en.m.wikipedia.org/wiki/Webmention
• https://en.m.wikipedia.org/wiki/Pingback
• https://en.m.wikipedia.org/wiki/Trackback

Development

Branche: master

Test error in Example.com

ExampleException in home#example
Something really bad happened

View on Bugsnag

Stacktrace

app/controllers/home_controller.rb:123 - example
app/controllers/other_controller.rb:12 - broken
lib/important/magic.rb:4 - load_something

View full stacktrace

Created by André Lademann via Bugsnag

Userstory

As an user I wanna read the content in my prefered language. Beside language detection I wanna select a language manually. English and German should be available.

UAT

• Delete all cookies and set the preefered browser language to "en-GB", the homepage should be in english.
• Delete all cookies and set the preefered browser language to "de-DEE", the homepage should be in german.
• Switch to english with the language selector. Close and reopen the browser > The content should be in your selected language.

Implementation

• Use localstorage as data container http://garlicjs.org
• Add a reset button to "new articles" (The only meaningful application for that)

Development

Branche: master

Userstory

• As a user i wanna tweet a article. This should be prepared for twitter with a ashort title and a shorten description.
• As a publisher I wanna have specific input fields.

UAT

• tbd

Implementation

• Open Graph Support http://ogp.me/
• implement a handlkebars viewhelper and use it
• take care of #14

Development

Branche: master

Userstory

As a user I wanna seearch across all articles and blog articles.

• On every page I have access to a search form with just oine click. Search results should be grouped bz there types.
• The search parameter is configured in Google Webmaster Tools.
• Search words on detail pages are be higlighted.
• Results belongs to the currently seleted language.

UAT

• Select german
• Search for something with results
• Click on one search result
• The search word should be highligthted

Implementation

• tbd

Development

Branche: master

Userstory

As a user i wanna teaser interesting blog articles on social media platforms. Supported are Google+, Twitter and Facebook. The software try to protect visitors privacy.

UAT

• Go to an blog article and click on all the social newtwork buttons.

Implementation

• Social Links https://www.npmjs.com/package/social-media-links
• Use Iconfont

Development

Branche: master

Userstory

As an developer I wanna be shire the implemented functions still work after made changes.

UAT

• Made a commit with changes.
• Take a look to test results.

Implementation

• Register a account on Sauce Labs http://alternativeto.net/software/sauce-labs/
• Implement tests with http://webdriver.io/guide/getstarted/install.html
• Configure the commit hook
• Configure after build hook for travis ci
• Implement tests

Development

Branche: master

Userstory

As a user with various types of handycaps I wanna have a easy access to all content.

UAT

• WAI check
• Contrast check with https://chrome.google.com/webstore/detail/wcag-luminosity-contrast/lllpnmpooomecmbmijbmbikaacgfdagi
• Requiress #21

Implementation

• Paypall bootstrap acccessebillty package https://github.com/paypal/bootstrap-accessibility-plugin

Development

Branche: master

Userstory

As an developer I wanna easely compile sass files and compress images and JavaScript.

UAT

• Use andrelademann.de > There should be no redirect.
• Use www.andrelademann.de and andrelademann-de.herokuapp.com >You should be rediirected to andrelademann.de with HTTP-Status 301 Permanently.

Implementation

Tasks

• Image optimization
• SASS compilation
• JavaScript compression
• Watch Task
• BrowserSync
• tbd

Development

Branche: master

Userstory

As a publisher I wanna be shure that my images includes meta data. That help search engines to find and categorize them better.

UAT

• tbd

Implementation

• Use http://piexifjs.readthedocs.io/en/latest/sample.html#node-js

Development

Branche: master

Userstory

As a publisher I wanna promote my articles on variouse places. There is a nee to create different sizes of my teaser image.

UAT

Production

• http://cdn.andrelademann.de/ala.jpg
• http://cdn.andrelademann.de.rsz.io/ala.jpg?w=320&h=320&mode=crop&format=webp
• http://images.andrelademann.de/ala.jpg?w=320&h=320&mode=crop&format=webp

Staging

• http://staging-cdn.andrelademann.de/ala.jpg
• http://staging-cdn.andrelademann.de.rsz.io/ala.jpg?w=320&h=320&mode=crop&format=webp
• http://staging-images.andrelademann.de/ala.jpg?w=320&h=320&mode=crop&format=webp

Development

• http://development-cdn.andrelademann.de/ala.jpg
• http://development-cdn.andrelademann.de.rsz.io/ala.jpg?w=320&h=320&mode=crop&format=webp
• http://development-images.andrelademann.de/ala.jpg?w=320&h=320&mode=crop&format=webp

Implementation

Possibilities

1. GM Middleware https://www.npmjs.com/package/express-middleware-image
2. GraphicsMagick http://aheckmann.github.io/gm/docs.html
3. ImageMagick https://code.ciphertrick.com/2015/12/21/image-manipulation-using-nodejs-imagemagick/
4. SAAS https://rsz.io/#intro
5. wip https://github.com/EyalAr/lwip#installation

Development

Branche: master

Userstory

As an user I wanna read the content in my prefered language. Beside language detection I wanna select a language manually. English and German should be available.

UAT

• Use andrelademann.de > There should be no redirect.
• Use www.andrelademann.de and andrelademann-de.herokuapp.com >You should be rediirected to andrelademann.de with HTTP-Status 301 Permanently.

Implementation

• ExpressJS https://davidwalsh.name/express-redirect-301
• Custom domain for herokuapp https://devcenter.heroku.com/articles/custom-domains

Development

Branche: master

Userstory

As a user I wanna read all blog articles with my feed reader.

UAT

• Test RSS feed
• Test Atom feed

Implementd

Development

Branche: master

Error in andrelademann-de

Error in app.js:24
unable to connect to database at mongodb://127.0.0.1:32769/andrelademannde-development

View on Bugsnag

Stacktrace

app.js:24 - none

View full stacktrace

Created automatically via Bugsnag

Userstory

As a system administrator I wanna secure the application against attacks

UAT

• tbd (help wannted!)

Implementation

• Secure credentials
• Protect database with a readd-only user

Development

Branche: master

Error in andrelademann-de

Error in app.js:20
unable to connect to database at mongodb://localhost:27017/andrelademannde-home

View on Bugsnag

Stacktrace

app.js:20 - none

View full stacktrace

Created automatically via Bugsnag

Google Webworker support

Userstory

As a user I wanna get the permalink in a easy way.

UAT

1. Klick on "Copy" button

• Paste the clipboard content into a browser bar and compare it
• Test the url

Implementation

• Copy link to clipboard.
• https://clipboardjs.com/
• https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.15/clipboard.min.js

Development

Branche: master

Error in andrelademann-de

Error in /articles/ein-weiterer-artikel/
Missing helper: "debug"

View on Bugsnag

Stacktrace

node_modules/handlebars/dist/cjs/handlebars/helpers/helper-missing.js:19 - none

View full stacktrace

Created automatically via Bugsnag

Error in andrelademann-de

Error in app/controllers/articles.js:112
Can't set headers after they are sent.

View on Bugsnag

Stacktrace

app/controllers/articles.js:112 - none

View full stacktrace

Created automatically via Bugsnag

Userstory

As a developer I would like to have read access to all published blog articles and projects. An public API documentation concludes a list and examples to work with the API.

UAT

• tbd

Implementation

• Swagger https://github.com/fliptoo/swagger-express
• http://apidocjs.com/example/

Development

Branche: master

Error in andrelademann-de

Error in app.js:35
listen EADDRINUSE :::3030

View on Bugsnag

Stacktrace

app.js:35 - none

View full stacktrace

Created automatically via Bugsnag

Error in andrelademann-de

Error in app.js:23
unable to connect to database at mongodb://127.0.0.1:27017/andrelademannde-home

View on Bugsnag

Stacktrace

app.js:23 - none

View full stacktrace

Created automatically via Bugsnag

Userstory

As a publisher I wanne be shuure tthat machines can find and understand my content.

UAT

• tbd

Implementation

• RDF
• jsond
• HTML5 semantic tags
• Requiires #15 for semantic declarations
• iOS Safari Reader view

Development

Branche: master

Userstory

As a user I wanna download all currently published articles to read them offline in my e book reader.

UAT

• Download the book
• Open the book with Googles "play books" and read the book
• Open the book with Apples "books" and read the book
• Publish new version and repeat step no. one

Implementation

• https://github.com/cyrilis/epub-gen

Development

Branche: master

Userstory

As a developer I wanna have valid documents.

UAT

• Use w3c html validator
• Use w3c css validator
• Use w3c rss validator
• Use micro format validator

Implementation

• Check all templates

Development

Branche: master