-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathsuccessStories.html
More file actions
167 lines (151 loc) · 6.28 KB
/
successStories.html
File metadata and controls
167 lines (151 loc) · 6.28 KB
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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html>
<head>
<title>Success Stories & Demos | PharoJS</title>
</head>
<style>
p {
text-align: justify;
}
p,
h4 {
font-size: 130%;
padding: 5px;
}
h4 {
color: #040404;
}
.successStory {
margin: 5px;
margin-bottom: 15px;
border: solid 1px gray;
border-radius: 5px;
display: flex;
flex-direction: row;
align-items: center;
align-content: space-around;
}
.projectDescription,
.projectFeatureImage {
display: inline;
padding: 15px;
}
.projectName {
font-size: 160%;
font-weight: bold;
margin-left: 15px;
margin-top: 15px;
}
.projectFeatureImage {
flex-basis: 200px;
flex-grow: 0;
flex-shrink: 0;
}
.projectFeatureImage img {
width: 100%;
}
.demo{
text-align: center;
display: inline-block;
margin: auto;
width: 400px;
vertical-align: top;
}
.demo img{
width:100%;
}
</style>
<body>
<link rel="stylesheet" type="text/css" href="css/pharoJS.css" />
<div class="pjHeader">
<a href="http://pharojs.org"><img alt="PharoJS Logo" src="img/pharoJsBicolorLogo2016-08-12.png"></a>
</div>
<p>PharoJS is intended for real world applications. We provide here a list of projects that we are aware of. Please
let us know (<a href="https://twitter.com/pharojs" target="_blank">X (aka Twitter) @pharojs</a>) if your app is not on
the list.</p>
<h1>Commercial Products</h1>
<div class="projectName"><a href="https://en.apptivegrid.de/" target="_blank">ApptiveGrid</a></div>
<div class="successStory">
<a class="projectFeatureImage" href="https://en.apptivegrid.de/" target="_blank"><img
src="img/apptiveGrid.svg"></a>
<div class="projectDescription">
<h4>Digitise Your Processes Today</h4>
<p>ApptiveGrid is your key to digitization. It's an easy-to-use no-code tool that lets you create
customized, automated digital apps for your tasks, saving you time and making your work more efficient.
With ApptiveGrid, the solution is just a few clicks away - all in one central platform trusted by over
1800 customers. <a href="https://en.apptivegrid.de/" target="_blank">Start now free of charge!</a></p>
</div>
</div>
<div class="projectName"><a href="https://plc3000.com/" target="_blank">PLC3000</a></div>
<div class="successStory">
<a class="projectFeatureImage" href="https://plc3000.com/" target="_blank"><img src="img/plc3000.jpg"></a>
<div class="projectDescription">
<h4>All-in-One Solution for Teaching Factory Automation</h4>
<p>PLC3000 is the 1st turnkey web solution for industrial automation training. It combines pedagogical
content with interactive and engaging programmable simulated benches implemented using PharoJS.
Being 100% online, PLC3000 requires only a web browser. It can be used to teach remotely, in person or
hybrid classes. It works even for large groups of students. <a
href="https://plc3000.com/demo-request-en/" target="_blank">Request your free demo!</a>
</p>
</div>
<img style="width:200px" src="img/esug3rdTechAward2023Text.jpg">
</div>
<div class="projectName"><a href="https://nootrix.com/projects/brain-treats-app/" target="_blank">Brain Treats</a>
</div>
<div class="successStory">
<a class="projectFeatureImage" href="https://nootrix.com/projects/brain-treats-app/" target="_blank"><img
src="https://nootrix.com/wp-content/uploads/2020/01/brainTreats.jpg"></a>
<div class="projectDescription">
<h4>Your Daily Dose of Fun Facts</h4>
<p>Swipe left or right to navigate a database of astonishing facts and real amazing anecdotes. You can share
via your favorite messaging app, your preffered facts.</p>
<p>Mobile app for both iOS and Android, based on <a href="http://cordova.apache.org/" target="_blank">Apache
Cordova</a></p>
</div>
</div>
<div class="projectName"><a href="https://nootrix.com/projects/farmers-market-app/" target="_blank">Farmers
Market</a></div>
<div class="successStory">
<a class="projectFeatureImage" href="https://nootrix.com/projects/farmers-market-app/" target="_blank"><img
class="projectFeatureImage"
src="https://nootrix.com/wp-content/uploads/2019/05/farmersMarketAvailableOnAppleAppStoreAndGooglePlayStore-720x386.jpg"></a>
<div class="projectDescription">
<h4>Find Fresh Locally Grown Food</h4>
<p>This app provides geo-coding to allow you find nearby farmers markets. It relies on Google Maps for GPS
navigation to guide you to your preferred market where you can buy fresh food directly from farmers.</p>
<p>Mobile app for both iOS and Android, based on <a href="http://cordova.apache.org/" target="_blank">Apache
Cordova</a></p>
</div>
</div>
<h1>Open-Source Software</h1>
<div class="projectName"><a href="https://covid.cs.ryerson.ca/compare/" target="_blank">Covid-19 Tracker</a></div>
<div class="successStory">
<a class="projectFeatureImage" href="https://covid.cs.ryerson.ca/compare/" target="_blank"><img
src="img/covid19TrackerWithPharoJS.jpg"></a>
<div class="projectDescription">
<h4>Track the Covid-19 Pandemic</h4>
<p>Web app that show graphs for cases, deaths and recoveries for the Covid-19 all around the world. Choose
multiple countries and regions to compare them.</p>
<p>Retreives the latest COVID-19 data <a href="https://github.com/CSSEGISandData/COVID-19/"
target="_blank">from John Hopkins University's repository on GitHub</a>.</p>
</div>
</div>
<div class="projectName"><a href="https://pharojs.org/repl" target="_blank">Smalltalk REPL using PharoJS</a></div>
<div class="successStory">
<a class="projectFeatureImage" href="https://pharojs.org/repl" target="_blank"><img
src="img/stReplInPharoJS.jpg"></a>
<div class="projectDescription">
<h4>A simple REPL written in PharoJS. </h4>
<p>This is a client-server application. The Pharo code you type is sent to the server where it is transpiled
to JS and sent back to the web
browser where it runs.
You can link to an Smalltalk expression as in : <a
href="https://pharojs.org/repl#3+4*5">https://pharojs.org/repl#3+4*5</a>.</p>
<p>This project was done to support the Smalltalk side of <a
href="https://programming-idioms.org/">https://programming-idioms.org/</a>.
We encourage you to extend the Smalltalk support from that site - for example to help add Smalltalk
equivalents for the idioms, and/or demos using the REPL.</p>
</div>
</div>
</body>
</html>