In Progress

Local venues database-driven website with distance filtering and form submitting.

We are building a very specific venue database where users will be able to search said database using some pre-defined filters (distance to postal code, experience...) and choose 3 of them from the filtered results, where some details of each one of them are shown. Additionally, there will be a link to a more detailed record for each venue, ideally summoned through AJAX and displayed in an overlay layer. A free-text search input is not needed, only filtering through known filters.

Once 3 items are chosen, a selection summary table will show up, where users can review their selection and see some details and confirm or change the selection. If the selection is confirmed, the id and distance of each one of them will populate a contact form that will be sent to us. In this forms, they will have to add contact information and file attachments. Ideally all would be done through AJAX, in the form of a step by step wizard.

While the final design will be done on our side on top of your code, basic design is needed, specially correct use of CSS classes and IDs, as well as the use of HTML5 tags where appropriate.

Database will be built and managed by the administrator, so a simple managing system to edit existing venues and add new ones has to be created. Only admin will have access to this managing system to update all the fields.

This will be used in a Spanish website so, while speaking Spanish id not mandatory, the resulting code should be easily translated (filenames/urls included).

In the attached PDF you can find more detailed wireframes of certain sections and a zip file with the coordinates for every postal code.


Skills needed



Javascript / jQuery

HTML5 + CSS3 Ajax

Distance calculations (either through Google Maps API or similar, or direct distance calculation from postal code to postal code (coordinates and script provided)

We updated the PDF as it seems it wasn't attached :(
Please, review!

Skills: AJAX, HTML5, jQuery / Prototype, MySQL, PHP

See more: wizard form design, website design classes, script for google forms, php form search mysql database, php code search mysql database, new in html5 and css3, local search script, jquery api this find, html5 free website, google search api php code, free website search, free website forms, free html5 website code, free html5, free code website design, form wizard design, find php id of a website, find a postal code, find and search in php code, find a database administrator, edit pdf form, design website administrator by php and mysql, design and code of website html5, contact us form in php code free, confirm spanish

About the Employer:
( 2 reviews ) Madrid, Spain

Project ID: #2642060