Giter Club home page Giter Club logo

hotspot's Introduction

hotspot's People

Contributors

uncharles avatar

Watchers

 avatar  avatar  avatar

hotspot's Issues

Build a Rating System

This could be our "wow factor". If users are logged in, they can rate HotSpots on a scale of 1 to 5 stars. This will require additional data members in the HotSpots schema.

We will have to solve the problem of only allowing users one vote per HotSpot, and how to keep track of the votes.

Add comments to HotSpots

Any user that logs in through facebook should be able to post a comment that shows their name. There are 2 ways we can do this:

  1. Use facebook code to handle all the comments.

Using a simple bit of facebook HTML, we can just use the facebook widget. You pass it a URL which is the URL of the current page. Their comments will appear in their activity feed, allowing any comments that appear on the site, also appear on facebook increasing virility. This is the easiest solution, and what I'd prefer.

  1. Use our own code

Or we can implement this totally ourselves, and keep track of them in our database. This will decrease scalability of the app, but we will have a little more control of the comments. We may have to do this for the purpose of the assignment, but we can always try the first method and see what he says.

Create HotSpot Location Input Widget

We need a JavaScript widget that allows the user to select a location on a google map for the input of the location. The default location needs to be the users current location.

Create Home Map

The home Google Map will need to be built with JavaScript. On the home page a JSON object needs to be passed to the client of nearby HotSpots, and the Google Map populated with them. Each HotSpot added to the map will need to be clickable, and take the user to that HotSpot's summary page.

Create favicon

We can use the pepper icon that we use in the google maps.

Add Photos to the HotSpot scaffold

Using Amazon S3 as the image hosting provider (Heroku does not allow you to store images) the HotSpot owner must be able to upload photos to the HotSpot. There needs to be a delete function.

The photos thumbnails need to be displayed under the map on the summary page in a grid format, and open up full size in a modal when clicked.

There will need to be a database migration to add the fields to the schema.

Add the scaffold for HotSpots

Schema:
name: string
summary: text
latitude: long number with de
longitude: long number with decimal
owner: string (the token from the User collection)

Controllers

new()/edit()
Controller must check if the user is a Content Manager or higher (1+), and redirect to the home page if not.

The form can just use input boxes for lat/long until we implement a Google Maps input method using JavaScript.

show()
Show is accessible to all users. It acts as the "summary page" for the hotspot. With a map of the location, thumbnails of photos, and a "get directions" button. An edit button is only shown if the user is the owner or an admin.

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.