wshb2154 / 100-lines-or-less-js

What's the coolest ArcGIS JavaScript app you can write in 100 lines or less?

(ArcGIS.js <= 100)

Welcome to the 100 Lines or Less ArcGIS JavaScript Code Challenge!

Everybody loves a cool mapping app. Here's your chance to write the coolest application in 100 lines or less with the ArcGIS API for JavaScript and win a one-year subscription to ArcGIS Online and a free 2014 Esri Dev Summit pass - a $3,500 value, a free pass to the 2014 Esri Dev Summit - a $1000 value or a $100 Esri Press gift certificate. Anyone can enter, but just to make things a little more exciting, we'll be announcing the winners at the 2013 Esri International Developer Summit. You don't need to attend the DevSummit to win or claim your prize however.

To enter all you need to do is make a pull request to submit your code (see How to Enter below).

Best of luck!

Winners

1. Realtime Collaborative Mapping by Phil Leggetter
2. Bees by Stan McShinsky
3. Image Geotagging by Ognian Samokovliyski

View the Entries

1. Meet Brazil by marcos-fedato
2. Maps Hangman Game by vmachuca
3. Australian Climate Explorer by slead
4. LA County Parks Finder by odoe
5. Map Bookmarks by davewilton
6. Esri Flickr Map by amshel
7. County Destroyer! by odoe
8. Get me to the Summit by raykendo
9. Facebook Page Finder by jmschmidt7
10. Leafmap by tmcs
11. Mobile Dev Agenda by shadcampbell
12. Leap into ArcGIS by cbupp
13. Air quality Egg Viewer by mpfeil
14. AmbientLands by bdelville
15. Dev Summit Session Explorer by orengal
16. County Stats by TheBryanMac
17. Bees by smcshinsky
18. Flight Simulator by Łukasz Kryger
19. Esri WX Forecast by azmikamis
20. Hurricane Sandy Wind Map by hwernstrom
21. ArcGIS for GoogleGlass Sim by prev801
22. Realtime Collaborative Mapping by leggetter
23. Beer GeoRSS by boeckMt
24. World Migration Explorer by GeotecUJI
25. Geotagged Wikipedia Articles by rjstanley
26. USGS Earthquakes by rjstanley
27. Zombie Smash by dbouwman
28. Where's Huell by jsaltenberger
29. Bus Race by tsellste
30. 24 Seconds by FabianoHino
31. Track Me by sahalmir
32. Image Geotagging by ognian7
33. Maptrest by innopal
34. Beer Finder by nrgizgun
35. Google Street View Madness by Mark Laudon
36. Test My Memory by rvangilst
37. Conway Life Game by tonynovi

Contest Period

• Starts: 9:00 AM PST Friday, Mar 8, 2013
• Closes: 6:00 PM PST Wednesday Mar 27, 2013 (No entries will be accepted after this time.)

How to Enter

1. Fork and then clone this repo.
2. Add a folder to the repo with your app in it (see example).
3. Make a pull request to submit your entry. This request represents your agreement to the Terms and Conditions.

NOTE: Be sure to Pull and Merge from this repo to get the latest before making your pull request!

Rules

1. Max 100 (sloc) lines of client-side JavaScript code. Max 80 chars per line. Not compressed.
2. Must use the ArcGIS API for JavaScript.
3. All JavaScript code must be in a single .js file (see Example below).
4. All project code must reside in a single folder (HTML, css, js).
5. Application must be fully functional, portable, deployable and accessable from any public web-enabled directory.
6. Applications must be freely distributable via Apache 2.0 license.
7. IMPORTANT: Libraries other than the ArcGIS API for JavaScript can be used and do not count toward the 100 line limit. Libraries referenced must be published and publicly available prior to March 1, 2013. So that means you can't write libraries to hide your ArcGIS code! You can use previously published ArcGIS libraries however.

See all rules, terms and conditions here.

What can I win?

1. One year ArcGIS Online Subscription & Esri International Developer Summit Pass for 2014
2. Esri International Developer Summit Pass for 2014
3. $100 Esri Press gift certificate

Winners will be announed at the Esri Dev Summit Mar 28!

Judging Criteria

1. Effective use of the ArcGIS API for JavaScript
2. Usability (UX)
3. Creativity
4. Coding style

Judges

• @AL_Laframboise
• @derekswingley
• @jerrysievert

Example Entry

Follow the structure of this example. View it live here.

\project\
\project\css\
\project\js\ArcGIS.js
\project\images\

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">   
  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
  <title>Your App</title>
  <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/css/esri.css">
  <script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3compact"></script>
  <!-- Load your project JavaScript and CSS -->
  <link rel="stylesheet" type="text/css" href="css/project.css">
  <!-- ArcGIS.js contains the code for the contest entry --> 
  <script src="js/ArcGIS.js"></script>  
</head>
  <body>
    <div id="mapDiv"></div>
  </body>
</html>

Resources

• Esri International Developer Summit
• ArcGIS API for JavaScript Resource Center
• ArcGIS Blog
• @esri

Licensing

Copyright 2013 Esri

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

A copy of the license is available in the repository's license.txt file.

[](Esri Tags: ArcGIS Web Mapping Contest 100-lines-or-less Code-Challenge) [](Esri Language: JavaScript)