Git Product home page Git Product logo

solid-octo-disco's People

Contributors

vasilyshelkov avatar winwardo avatar

Watchers

 avatar  avatar

solid-octo-disco's Issues

Add hotloading server for client-side development

Have something along these lines in webpack.config.dev.js

module.exports = {
  devtool: 'eval',
  entry: [
    'eventsource-polyfill', //necessary evil for hot loading with IE
    'webpack-hot-middleware/client',
    './src/index.js'
  ],
  output: {
    path: path.join(__dirname, 'public'),
    filename: 'bundle.js',
    publicPath: '/public/'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ],
  module: {
    loaders: [{
      test: /\.js$/,
      loaders: ['babel'],
      include: path.join(__dirname, 'src')
    }, {
      test: /\.css$/,
      loader: 'style!css',
      include: path.join(__dirname, 'css')
    }]
  }
};

and devServer.js:

var path = require('path');
var express = require('express');
var webpack = require('webpack');
var config = require('./webpack.config.dev');

var app = express();
var compiler = webpack(config);

app.use(require('webpack-dev-middleware')(compiler, {
  noInfo: true,
  publicPath: config.output.publicPath
}));

app.use(require('webpack-hot-middleware')(compiler));
app.get('*', function(req, res) {
  res.sendFile(path.join(__dirname, '/public', 'index.html'));
});

app.listen(8080, 'localhost', function(err) {
  if (err) {
    console.log(err);
    return;
  }

  console.log('Listening at http://localhost:8080');
});

To run : "node devServer.js" command

Search query object definition

{'query': 'some string'}

at the minimum, although obviously there'll be a lot more depth to it.
@VasilyShelkov comment as you get a better idea of what you want to send from #4
#46 will need to keep up with the latest version of this.

Source of Football Info

Finding a public rest API for football related information such as:
-> Teams
-> Players
-> Match Data

ES6 Harmony syntax

ability to use import/export rather than let x = require('x'); and not having to put "use strict" over every file.

To do this use gulp.

Also see https://github.com/arnarthor/node-es6-boilerplate for inspiration, checked it over and it neat and understandable about how to enable this as well as some other goodies ๐Ÿ‘

Add Most Active Users (similiar to MostUsedWords but users instead)

(at least) 10 most active users and the main keywords associated with them Example:

< profile picture> @WayneRooney 25 tweets - most frequent words: pal(100), mate(100), ball(11), player(8)โ€ฆ

@lizziecundy tweets: 12 - most frequent words: game(12), what(11), gorgeous(8) โ€ฆ

This is the requirement from the assignment spec

Be able to search for multiple items at once

Right now, the Search API only considers the first term we search for.
We need to be able to search on multiple queries at once, then either intersect (for) AND or union (for OR) the results.

MapDispatchToProps Search 'TermItem' for delete and edit

for #4

MapDispatchToProps function and pass to connect redux function from SearchTermList and pass to props of 'TermItem' for delete and edit 'paramTypes'.

Style Search 'TermItem' to have appropriate @,#,from,keyword UI feedback to user of each TermItem depending on the paramTypes of its query prop

Saving User Queries

Being able to save the queries made by a user to be either alerted or quickly be able to use that saved query in future uses

Refactor dispatch from AddSearchTerm to SearchTermsList

Two options on how to request searches:

  1. We dispatch an action every place that we add searchQueryTerms
  2. We dispatch 1 action for when the SearchQueryTerms component recieves a new term. So it's decoupled from the search filters and AddSearchTerm components.

I believe option two is the better.

Be able to hide/show all conflated word's variants in MostUsedWords

ie most used word Lemon = [LeMON, lemon, LeMoN]

currently can only hide/show the variants individual which means 3 clicks for user and 3 different actions

should be able to hide/show all variants with 1 click and 1 action since only advanced users are likely to care about the variants of the mostUsedWords

Most Active Users

In the given query, who are the users who make up the most tweets? This is based on the given search query.

Per user, find the most used words - see #6.

Adding a pie-chart for this would be neat.

Tweet Search Interface

I recommend we have a series of input boxes that add an extra one as you type, so the user doesn't have to worry about typing AND and OR etc.

Also if we can have a name -> twitter account optional substitution that'd be cool. E.g. typing in "Wayne Rooney" recommends "Did you mean @WayneRooney?"

Storage of Twitter Data

The retrieved queries need to be stored as:
-a source of data
-cache to reduce the number of queries to Twitter

GraphQL/Relational/NoSQL?

Implement the "super search" API call

at /search/:query
POST an object of this minimum form: {'query': 'some string'}, and it will return data from OrientDB.

Before returning, it MAY search Twitter (or Flickr, etc) for extra, more updated information using some heuristic.

Most Active Users

  • Component for the most active users based on the users with the most tweets in the results feed.
  • Have a search action to be able to find particular users like in most used words
  • Be able to filter the results by checkbox of user tweets like filtering most used words

Making "Who to follow" suggestions

If a user logs in with Twitter, we can find out who they're following. We can then find out if any of those accounts are following people we know to be footballers or big football tweeters, and can recommend them.

Frontend design?

Use Semantic-UI with React. ๐Ÿ‘

Only add Redux if we know there's a good use for it.

Connecting to Twitter

Use the Twit package for this, need to be able to run basic searches, maybe check out streaming.

Option to choose between AND and OR of queries

When searching, a user should be able to tick a check box which says whether or not they want their query terms to result in intersected, or unioned results - e.g. more queries = more specific vs more general.

By default we'll choose OR.
#82

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.