GithubHelp home page GithubHelp logo

wham-master's Introduction

Whats Happening Around Me!! (WHAM)

MSD Project (CS 5500) : Fall 2015

Team Details:

Team Name: Tech Patriots

Team Members:

  1. Lakshit Gaur
  2. Nitin Shetty
  3. Sandeep Lagisetty
  4. Sanjiv Kumar
  5. Vikas Shriyan

Description:


Whats Happening Around Me AKA WHAM is a web platform connecting users with local events, entertainment, movies, sports etc. WHAM can be used to find out what's happening around you and decide what to do; from movies, concerts and local events to family fun and night life. With so many events to choose from, WHAM provides a comprehensive selection of local entertainment content.

WHAM is unique in many sense, it helps in finding you the local events happening around you i.e. wherever you go, WHAM will follow you !!

The moment you open our application, we will ask for your location (Don't worry, we will not visit you!!) , It will be used to provide a map view of local events happeninng around you. You can then search for events either by location or by keyword.

--------------------------------------------Discover events, Like and Away you go!!--------------------------------------


Technology Stack:


Frontend : HTML5, JavaScript, JQuery
Backend : MEN Stack (MongoDB, Express and Node.js)
Testing Framework: Mocha.js and Chai.js

API's: Eventful API for getting list of events and everything else.
Google API's for Maps, places etc.
UBER API for integrating UBER with our application

IDE : WebStorm 11.0
Version Control: Github


How to use WHAM:


Using our WHAM application is very easy (Thanks to our team for making such user-friendly and simple user-interface). As you might guess, to show events happening near you, the application needs to know your location. WHAM does exactly the same, it asks for your location, once you allow it, it provides a map view of the events.

WHAM provides you two ways for searching an event:
i) By Location : Give any location (city) and you will see a list of events filtered by location.
ii) By category: Search by providing a keyword for category and you will see a list of events filtered by category.

The event markers on map are clickable and when clicked they provide a brief detail about the event as well as you can go to event details page by clicking. Beside the map, there is also a listing of events (they refer to the same events that are shown on map). They are also clickable and take you to the event details page.

On home page, you will also find category of events , you can directly click on any category and look through the events related to that category.

On the home page, a guest user has the option to signup/rgister and a member has the option to login.

There are some additonal features that Logged in member enjoys:
i) Can set/edit preferences and events will be filtered as per the preferences of the user.
ii) Can Like/Dislike any events.
iii) Dislike events will not be shown in the search results i.e. on the map as well as in the listing.

WHAM has a event details page for every events. Event details page has following contents:
i) Brief Description of event.
ii) Organizer, location of event, event date, etc.
iii) location of the event shown on map.
iv) Option to book a UBER to the destination.
v) Sharing option on facebook.
vi) If that particular event requires ticket, we have link to the ticket vendor too!

With these many features and options, we have build a technology to allow anyone to share, find and attend new things to do that fuel their passions and enrich their lives. Music festivals, marathons, conferences, hackathons, air guitar competitions, political rallies, fundraisers, gaming competitions - you name it, we power it. Our mission? To bring the world together through live experiences.


Management Instructions(how to install the system plus what to do for different error conditions):


System Requirements:

Operating System:

  • Windows 8.1/10

  • OSX

  • Node.js - Download and Install Node.js, nodeschool has free node tutorials to get you started.

  • MongoDB - Follow the great tutorial from the mongodb site - "Install Mongodb"

  • Git - The easiest way to install git and then run the rest of the commands through the git bash application (via command prompt) is by downloading and installing Git

  • WebStorm IDE - Install WebStorm IDE

Installation:

i) Clone the WHAM repository into your local system using following commands:

git clone https://github.ccs.neu.edu/sandeep9/WHAM.git
  • Possible errors:
    While cloning repository you might get an error saying 'git.exe' not found:
    Solution:
    Make sure you download Git and set path in the environment variables. Please check How to set path

ii) Import the cloned project into WebStorm IDE

iii) Install and Integrate the MongoDB plugin into WebStorm IDE using the following steps:

  • Go to Webstorm --> Preferences on MacOSX/Settings on Windows

  • Click on Plugins --> Browse Repository and search for Mongo plugin on the search bar

  • Click on Install

  • Go to Preferences/Setttings --> Other Settings --> Choose Mongo Servers

  • Set up path to Mongo executable and then click on 'Test' to check if MongoDB has been correctly integrated into WebStorm

  • Possible errors:
    If Testing the MongoDB instance fails:
    Solution:
    check if whether the MongoDB is correctly installed on your system and then check if MongoDB plugin has been correctly integrated with WebStorm.

Running WHAM:

i) Open WebStorm Terminal and go to the location where MongoDB instance is located and run following command:
Location Ex: MongoDB\Server\3.0\bin>

mongod
  • Possible errors:
    mongod instance fails to start:
    Solution:
    check if whether the MongoDB is correctly installed on your system and then check if MongoDB plugin has been correctly integrated with WebStorm.

ii) Open WebStorm Terminal and run the following command:

node app.js
  • Possible errors:
    Node was not found in your system
    Solution:
    check whether node was properly installed in your system. If correctly installed, check node settings on WebStorm. Go to --> Preferences/Settings --> Node.js and NPM and check Node interpreter path is correctly set to not.

ii) Open your favorite browser and give the following URL:

localhost:8000

WHAM!!! You are all set to experience the rich life experience through our application!!

wham-master's People

Contributors

lakshitgaur avatar

Watchers

 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.