Code Monkey home page Code Monkey logo

dately's Introduction

Dately

Dately is a web application that provides local event and restaurant information. Data is retrieved based on a date and a Chicago neighborhood location, which is provided by the user. After searching, a user can "like" events and restaurants and save to a "bucket list" for future reference.

Authors: Kit Glidden, Lea Guerrero, Jenni Hartman

Link to Application


User Story

AS A PERSON who wants to look for date ideas in Chicago,
I want to search for events in my neighborhood; then 
I click on an event, nearby restaurants are displayed; then
I click on an event and a restaurant choice to save to my bucket list for future reference.

Technologies Used

Screenshot

screenshot


Disclaimer: This application was developed for non-commercial, informational, and educational purposes only.

Terms of Service

This application utilizes information, features, and content retrieved from both Yelp and Google Maps. By using this application, the user is agreeing to abide by Yelp and Google Maps terms of service and privacy policies.

Yelp Terms of Service

Yelp Privacy Policy

Google Maps/Google Earth Additional Terms of Service

Google Privacy Policy

dately's People

Contributors

freyaliesel avatar jenniwritescode avatar lealinnea avatar

dately's Issues

Change link to button?

Can the link in the search modal, connected to the date picker and the (currently dropdown) be changed to a button?

Parse User Input

Check User Input to:

  • Prevent API call on empty location string
  • Prevent API call on empty date value

Additionally

  • Give user feedback on bad search parameters
  • Give user feedback if 404 error

Yelp Search - Extra Features

Ideas:

  • limit event results by event type
  • limit event results by event cost
  • expand results returned by yelp search
  • expand/narrow yelp search radius

Bucket List Functionality

To Do:

  • search-results page:
    • highlight cards when selected
    • add paired event and restaurant to object
    • save button
      • add object to array and store in local data
    • go to bucket list button
      • sends user to bucket list page
    • stretch features:
      • new search form on page?
  • bucket list page:
    • populates cards based on local storage
      • date order most recent - descending
      • stretch features:
        • maybe put high priority in a place of prominence?
        • auto-remove cards for expired events
    • buttons to delete card pairs
      • confirm message?

Card design tweaks

I have the yelp info being put into cards and populating the search_results.html card container, but they need some tweaking in CSS so they display properly.

Google Text Result parsing

Feature Request

Parse the object received from the google text search and keep only the details we want before storing in local storage

Google Search - Extra Features

Ideas:

  • icons on cards for venue type
  • star icons for google ratings
  • link to view restaurant on yelp
  • limit google search by venue type: bar/cafe/takeout/delivery
  • limit results display if venue is closed
  • limit results display if venue is not operational on day of event

Element Request: Nav Button

Would like another button in the search bar so people can navigate to the "search_results" page without going through the home/search process first.

About Us Page

To Do:

  • Styling
  • Add content
    • Git Gals
    • individual sections
      • photo
      • personal blurb
      • link to github

Bucketlist image overlaps card container

On the bucketlist page, the "bucketlist" image on the left side of the screen actually overlaps the card-container where the bucketlist cards go, and prevents the user from clicking links on the left side of the container.

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.