twitst4tz

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README | LICENSE

commit 2968a6382f76a42eea2493fd507f1a78443efed1
parent 5bb8f61a2ada8f591434fddfa84a61ed7eb37b16
Author: underd0g1 <hide4@comcast.net>
Date:   Thu, 24 Sep 2020 22:48:58 -0400

added gitignore and updated readme

Diffstat:
A.gitignore | 2++
MREADME.md | 16+++++++++++++++-
Mviews/index.ejs | 2+-
Mviews/locationspage.ejs | 103++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-
4 files changed, 120 insertions(+), 3 deletions(-)

diff --git a/.gitignore b/.gitignore @@ -0,0 +1,2 @@ +config.js + diff --git a/README.md b/README.md @@ -1,2 +1,16 @@ # TwitWebGraph -node.js Twitter statistics +Node.js web application to show tweets / statistics based on certain criteria + +# Usage + +> clone the repo +> insert config keys in config.js file +> run with node or pm2 or as a service + +# Requirements + +> node.js +> npm +> git +> twitter api key +> twitter bearer token diff --git a/views/index.ejs b/views/index.ejs @@ -8,7 +8,7 @@ <link rel = 'stylesheet' href = '/css/stylesheet.css'> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> - <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script> diff --git a/views/locationspage.ejs b/views/locationspage.ejs @@ -1,4 +1,4 @@ -<html> +<!-- <html> <head> <title>locations</title> @@ -22,6 +22,8 @@ }); </script> + <div id="tweetd" style = "height:320px; width:auto; overflow: auto;"></div> + <div id="mapid"></div> <script> @@ -36,4 +38,103 @@ </body> + </html> --> + + + <!DOCTYPE html> + <html lang="en"> + <head> + + <title>TweetWebGraph</title> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel = 'stylesheet' href = '/css/stylesheet.css'> + <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> + <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> + + <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> + <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script> + + + </head> + <body> + + <!-- Navbar --> + <nav class="navbar navbar-default"> + <div class="container"> + <div class="navbar-header"> + <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="navbar-brand" href="#">< TweetWebGraph /> </a> + </div> + <div class="collapse navbar-collapse" id="myNavbar"> + <ul class="nav navbar-nav navbar-right"> + <li><a href="#">WHOIS</a></li> + <li><a href="#">./run</a></li> + <li><a href="#">HOWTO</a></li> + </ul> + </div> + </div> + </nav> + + <!-- First Container --> + <div class="container-fluid bg-1 text-center"> + <h3 class="margin">Whois?</h3> + <img src="/images/dead-smiley-face-icon_17015.png" class="img-responsive" style="display:inline" alt="smile" width="350" height="350"> + <h3>Just Another WebApp To Show Your Twitter Stats...</h3><p></p> + </div> + + <!-- Second Container --> + <!-- Inject some JS to add the api connection and user functionality --> + <div class="container-fluid bg-2 text-center"> + + <h3 class="margin">./Run</h3> + <br /> + + + + </div> + + <!-- Third Container (Grid) --> + <div class="container-fluid bg-3 text-center"> + <h3 class="margin">HOWTO / TODO</h3><br> + <p> style the input better (button on the same line as box)</p> + <p> add the server side post action (send it route)</p> + <p> configure the client side render and display for send it route</p> + <p>do an actual whois section for the project resources and friends</p> + <p> add to lobster (feed.domain.com)</p> + <p> come up with more api features to display + <div class="row"> + <div class="col-sm-4"> + <p>Check out the project on Github!</p> + <a href="https://www.github.com/underd0g1/tweetwebgraph">Project</a> + </div> + <div class="col-sm-4"> + <p>References</p> + <a href="https://www.github.com/underd0g1/tweetwebgraph">Twit</a><br> + <a href="https://www.github.com/underd0g1/tweetwebgraph">Leaflet</a><br> + <a href="https://www.github.com/underd0g1/tweetwebgraph">TwitterDev</a><br> + <a href="https://www.github.com/underd0g1/tweetwebgraph">Node.js</a><br> + </div> + <div class="col-sm-4"> + <p>Friends</p> + <a href="https://www.2f30.org">2f30</a><br> + <a href="https://http://www.ersteinle.com">Eric</a><br> + <a href="https://www.mimarcos.com">mimarcos</a><br> + <a href="http://www.underd0g.co">underd0g</a><br> + + + </div> + </div> + </div> + + <!-- Footer --> + <footer class="container-fluid bg-4 text-center"> + <p>Made with <span class="glyphicon glyphicon-heart"></span><br><a href="http://www.underd0g.co"><span class="glyphicon glyphicon-barcode"></span></a></p> + </footer> + + </body> </html>