Code Monkey home page Code Monkey logo

beerstalker's Introduction

BeerStalker

This app filters search results from the meetup.com api to find events that have free beer!

It does something that meetup.com cannot do: it searches for events that have the phrase "free beer". Meetup.com itself cannot do this; meetup.com itself can only return results that have "free" and "beer" anywhere in the document.

This app additionally filters out irrelevant results, returning only those events that really do have "free beer".

Technologies

It was built in a team of four on a two-day hackathon. Because of the short time available and it was a small app, we abandoned writing tests quite early on in the process. I would like to point out that I am a TDD devotee - I occasionally make exceptions for hackathons.

It is built on AngularJS and deployed to Heroku using Express.

CSS is written using Bootstrap and Sass. It looks great on viewports of all sizes - handy when you need to find that beer quickly!

Although it was initially built as a team, I wrote all of the CSS and did a lot of work on the app after the hackathon, on my own, to fix and improve the app in the following ways:

  • refactored a lot of code out of the controller into factories,
  • made the app only ask for permission to use geolocation if 'autosearch' is used, and will not make the api call until the user's location is found (had to get my head around 'promises' for this),
  • added error handling for the above,
  • fixed a bug where 'no results found' was only shown for manual search and not when autosearch was used.

Use the app online here

beerstalker's People

Contributors

yorkshireman avatar teeohbee avatar benja2208 avatar 7091laps avatar reteshbajaj avatar

Stargazers

Lewis Jones avatar Ben Hawker avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.