Facebook+GoogleMaps Mashup / use Html5, FB API, Gmap API v3, nodeJS, mongoDB, Google Analytics
$100-400 USD
Betales ved levering
Build a pure JavaScript CRUD web app. Focus on the code not graphic design. Some jQuery effects are required.
Main use cases:
User can add view like comment share places on a Gmap and add view like comment share links they want to share for these places.
Every place and link is a separate piece of content that can be FB 'Like'd and FB 'Comment'ed. So make sure you understand the FB Open Graph Protocol and provide unique urls for these pieces of content.
The user will work within the Gmap (different marker / info windows) and several lists on the side to view sort search filter add content.
User can
open links in a 'lightbox' (incl likes comments, tags, iframe)
add general preferences and preferences for places.
tag links (choosing from a given hierarchical list or define own tags).
Admin can login, view the user table, delete user, edit/delete/merge tags, edit/delete links, edit/delete places
App uses a predefined extendable list for hierarchical tags and places (defined most likely as JSON)
Login/register page will list the latest places and links added inside the app
Main objects to deal with in the app are: admin, FB user, FB friends, countries, cities, links, tags. The data model should be fairly simple.
You will have to use GitHub for dev. + grand us access to the project during dev. + deliver the compl. Git repo. at the end. You will install, test, deliver the web app on a rackspace vserver (our account).
## Deliverables
For the client+server side is JavaScript required, no PHP or anything else.
To build the 4 page site/app (landing + content + lightbox + error page) you have to use:
---------------------------------------------------
- Html5 + Css3
- jQuery
- nodeJS (pure JavaScript client and server side !!)
- - connect (optional)>> [url removed, login to view]
- - everyAuth >> [url removed, login to view]
- - node-mongodb-native >> [url removed, login to view]
-- mongoDB for user data, ...
- Google Maps API v3 >> [url removed, login to view]
- Facebook Social Plugins >> [url removed, login to view]
- - Like + Send Button
- - Registration / Login
- - Comments
- Cockie / WebStorage to remember users and their FB 'like's
- 1 Web Font
- Lightbox style for one page (shows FB Like, FB Comment, Tag List, iFrame, close button)
- Google Analytics integration (tracking code for pages/lightboxes/certain events)
Let us know upfront when you want to use any other JavaScript libraries in addition to these listed above.
The app will deal with
- Admins
- Users
- Places (predefined countries + user defined cities)
- Links (user defined for places)
- Tags (predefined hierarchical tags + user defined flat tags)
- Dates
the datamodel is fairly simple.
Major "Use Cases"
- USER register / login
- USER fb like (places, links)
- USER fb comment (places, links)
- USER add new place
- USER add new link for a place
- USER add new tag for a link
- USER define general user preferences
- USER define user preferences per place
- SYS show newly created cities + links list on landing/register/login page
- SYS show Places, Links, Tags, Months in lists with sort/filter/search function
- SYS show Places, Links, User with 3 different marker in google map
- ADMIN: login
- ADMIN: view user table
- ADMIN: edit, delete, merge tag
- ADMIN: edit, delete link
- ADMIN: edit, delete place
The code has to meet the following requirements:
-----------------------------------------------------------
- very well documented (code comments only)
- wrap solutions for specific features into modules / support code reuse
- use only 1 global variable for the app (next to the required libraries)
- log specific user-events in the database for later analysis
- avoid the class concept when working with JS ;)
- site has to be supported by modern browser versions (max. 2 years old)
- make sure the pages load fast - use intelligent strategies to minify, load and cache the data!!!!!
Prosjekt-ID: #3731920
