Coder Social home page Coder Social logo

ansonhwo / hotspot Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 1.0 2.13 MB

A website for locating & hosting events. https://h0tspot.herokuapp.com/

JavaScript 71.34% HTML 20.97% CSS 7.69%
flatpickr google-api knexjs momentjs postgresql restful-api semantic-ui vuejs

hotspot's People

Contributors

ansonhwo avatar thebearingedge avatar

Stargazers

 avatar

Watchers

 avatar  avatar

Forkers

niko150

hotspot's Issues

A host user can add new events.

  • If a host user is logged in, the host user can click the "Add Event" button at the top right of the menubar
  • A host user can add details to the Add Event info screen
  • A host user can create a new event after adding all the desired details
  • A host user can also cancel the event creation process at any time

image

A user can search for events.

  • Add logo to the landing page
  • Add search bar to the landing page
  • Add flavor image & caption to landing page
  • Add event results area
  • Create eventinfo table with event detail columns
    • id (serial)
    • title (non-null, varchar)
    • host (non-null, varchar)
    • desc (varchar)
    • attendees (int)
    • costlower (int)
    • costupper (int)
    • starttime (datetime)
    • endtime (datetime)
    • longitude (float)
    • latitude (float)
    • address (string)
    • image (string)
  • User can search for events using a search bar
  • Send user search query to backend using fetch
  • Retrieve rows from eventinfo database
  • Send query results back to frontend
  • Convert event start time strings into a readable format
  • Generate event info cards based on returned search query results

Basic Landing Page
image

List of results layout
image

A user can search for events based on geographical proximity.

  • User can specify location and geographical radius search parameters
    • Location is handled by Google Places API
  • Filter results by radius around a specified location
    • Radius is handled by Google Distance Matrix API

If no radius is specified, the default geographical radius is 25 miles.

image

A user can signup for an event.

  • User elects to register for an event by clicking on the Register button
  • Frontend sends POST request to backend with the user id and event id
  • Database associates the user with the provided event id
  • Register button changes to Unregister

image

A user can view event details.

  • Associate event result listings with event ids
  • A user can click on any event search result to view its details
    (Shouldn't need to requery backend for event details information, the search query result should have the information we need)
  • The event details that are shown match the event that the user intends to see

image

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.