-
Notifications
You must be signed in to change notification settings - Fork 21
/
index.html
115 lines (98 loc) · 4.38 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>noBackend Invoice</title>
<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
<link rel='stylesheet' href='shared/css/welcome.css' />
</head>
<body>
<header>
<h1>
<strong>noBackend Invoice</strong><br>
<small>One app, many backends. Pick yours!</small>
</h1>
<div class="screenshot" title="noBackend Invoice"></div>
</header>
<div class="main">
<h2>Introduction</h2>
<p>
Inspired by the wonderful <a href="http://todomvc.com/">TodoMVC</a> project,
that aims to help frontend developers selecting an MV* framework,
we create <a href="http://nobackend.org/examples">noBackend example apps</a> to help
frontend developlers selecting a noBackend solution.
</p>
<p>
noBackend Invoice is based on work by Chris Coyer, who created the
<a href="http://css-tricks.com/editable-invoice-v2/">EditAbleInvoice</a>
as a proof of concept for a static HTML based application. It lets you
edit and print an invoice. As it's HTML only, every frontend developer
is capable to copy the files and adjust them to own preference.
But it has no support for typical backend features like user accounts,
emails or exports.
</p>
<p>
We now add these features with noBackend solutions, meaning we add e.g.
user accounts by writing frontend JavaScript code only:
</p>
<section class="solutions">
<header>
<h2>noBackend Solutions</h2>
<p>
A noBackend solution provides JavaScript methods in the browser for
typical backend tasks like user accounts, data persistence or emails.
Find out more at <a href="http://nobackend.org/solutions">nobackend.org/solutions</a>
</p>
</header>
<article id="hoodie">
<h3>Hoodie</h3>
<p>
<a href="http://hood.ie">Hoodie</a> adds features for user accounts, exporting the current invoice
and sending it via multipart email.
</p>
<p>
<a href="nobackend-examples/hoodie/index.html">open app</a>
| <a href="https://github.com/noBackend/nobackend-app-invoice/blob/gh-pages/nobackend-examples/hoodie/script.js">view source</a>
</p>
</article>
<article id="remotestorage-sockethub">
<h3>remoteStorage + Sockethub</h3>
<p>
<a href="http://remotestorage.io">remoteStorage</a> provides per-user storage that the user gives the app
permission to store/retreive documents from.
<a href="http://sockethub.org">Sockethub</a> provides either per-user or per-app messaging and other back-end
functionality.
</p>
<p>
<a href="nobackend-examples/remoteStorage-Sockethub/index.html">open app</a>
| <a href="https://github.com/noBackend/nobackend-app-invoice/blob/gh-pages/nobackend-examples/remoteStorage-Sockethub/script.js">view source</a>
</p>
</article>
<article id="backendless">
<h3>Backendless</h3>
<p>
<a href="http://backendless.com/">Backendless</a> adds features for user accounts.
</p>
<p>
<a href="nobackend-examples/backendless/index.html">open app</a>
| <a href="https://github.com/noBackend/nobackend-app-invoice/blob/gh-pages/nobackend-examples/backendless/script.js">view source</a>
</p>
</article>
<article class="box">
<p>
There are many other <a href="http://nobackend.org/solutions">noBackend solutions</a>
out there today. Help us by adding another implementation. Simply take the
<a href="https://github.com/noBackend/noBackend-app-invoice/tree/gh-pages/dreamcode">Dreamcode Implementation</a>
as a starting point and replace the Dreamcode with actual implementations.
</p>
</article>
</section>
</div>
<footer>
<p>
© noBackend.org. Licensed under <a href="http://creativecommons.org/licenses/by-sa/3.0/">cc-by-sa</a>
</p>
</footer>
</body>
</html>