Giter Club home page Giter Club logo

real-time-web's Introduction

Real time web

This is the Real time Twitter application I've made for the Real time web course during the minor Web Development. The application uses socket.io and is a server-side node application.

Live URL

The live version can be found at https://real-time-web-cmd.herokuapp.com/

Installation

First you have to clone the repository. Open your terminal and go to the folder you want to clone the repo in. Then type $ git clone https://github.com/camille500/real-time-web.git to clone the repo to the folder.

In the same folder, type $ npm install to install all dependencies. The application can now be started with the $ npm start command.

Short description

I've build a application that shows the last Tweets with 'Amsterdam' in it. User can create an account that will be stored in a MongoDB collection. After logging in, the user can go to the 'Twitter Dashboard'. On the dashboard is a stream that shows all new Tweets since the page was opened. There is also a counter that counts the amount of new Tweets.

Features

  • Registering a account and logging in
  • Protected pages, only for user that logged in
  • Express-session for storing session data
  • Websocket for the Twitter functionality
  • Live API data from the Public Twitter stream
  • Average amount of tweets per minute

Wishlist

  • oAuth to login, so that the user can get more data from it's own profile
  • The possibility to choose an own keyword to stream on
  • D3 Data visualisations
  • Showing more data that comes with the tweets
  • Showing a push notification if a desired tweet comes up
  • More interesting data for the dashboard
  • Better overall design and UX

real-time-web's People

Contributors

camille500 avatar

Watchers

 avatar

real-time-web's Issues

More features

It’s really awesome for now, but there’s still the issues I raised, and the things on your wish-list!

Fix counting of time

  • 1 minuten en 15 seconden -> 1 minuut en 15 seconden
  • 2 minuten en 1 seconden -> 2 minuten en 1 seconde
  • 1 minuten en 60 seconden -> 2 minuten, this one is unrelated, but still...

Offline

When going offline, the timer still continues. After a few minutes, when coming back, new tweets appear (but not the ones sent in those minutes).

That’s a reasonable way to handle offline users, but maybe there’s more possible? Like showing that the user is offline? Showing that the counter and the average per minute may not be correct?

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.