Giter Site home page Giter Site logo

amberjblue / genzaivandyhacks2017 Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 0.0 715 KB

Genzai is a fast, simple, easy to use, analytics tool in which you can understand the way the world tweets, the way the world feels. Simply click on a state and the dashboard will tell you what is important to the citizens of that states at the exact moment you are interacting with the interface.

License: Other

HTML 5.83% CSS 3.50% Python 27.29% JavaScript 63.38%
hackathon hackathon2017 mlh vanderbilt javascript flask tweets python flask-framework hashtag ajax challenge css html web-development gui amcharts

genzaivandyhacks2017's Introduction

Genzai

Every aspect of this project was completed under 36 hours as a part of a Hackathon at Vanderbilt University, Nashville, TN, October of 2017 (20-22).

Inspiration

Genzai is a Japanese word for current. The reason why we chose to pursue this project is that we believe there is much to learn from the so-called social world. Today more than ever social media governs the way we live our lives there are about 6,000 tweets a second, billions of tweets are posted every year. All that data, all that information, if we could visualize the highlights and make them easier to understand we could provide insights to business, marketing teams, and social spaces.

What it does

Simply stated Genzai is a dashboard. The centerpiece of our work is a map of the United States. By clicking on a state users can instantaneously receive insights on the tweet-centric cities within that region. For example, by clicking on the state of Kentucky a user can understand the trending hashtags in the city of Louisville. They can also receive data on how to access the feed for that given hashtag.

How we built it

We built Genzai's back-end with python and used the flask framework to transfer data back in forth from the front end and back end of the code. Python is the language we directly linked in with the Twitter API. Most of our front end is built with javascript and HTML. To communicate back in forth with our map inputs and our data calls we used jQuery and AJAX. Most of the languages and techniques that we used were new to our team members so there was much learning. We used an iterative model for our software process so we tried to set goals and build prototypes as soon as possible so we could continue to make revisions and improve up our functional and non-functional requirements.

Challenges we ran into

Ultimately integrating the flask framework was difficult the documentation was scanty. It wasn't always clear what we needed to do to bridge the work done by our front end and back end team. We really took advantage of the mentors, they were such a help in understanding how to correct some the syntactical and runtime errors. We ultimately overcame most of our challenges.

Accomplishments that we're proud of

We are happy that the core goals that we set from the beginning were accomplished. We also felt like we gained courage from this experience. It was do or die to get some of the twitter, python, flask, and javascript tools we were using to work. Some of the feats that we would have normally been discouraged from trying we overcame for the sake of the goal.

What we learned

We learned how to use Javascript. We also learned about different frameworks and how they work with the code itself. We like executing the python script using the AJAX javascript. We interacted with the command line more than ever before. Even those of us who were more familiar with the cmd found that they were more comfortable understanding the error messages and responses from the server.

What's next for Genzai

#innovation

genzaivandyhacks2017's People

Contributors

amberjblue avatar

Stargazers

 avatar

Watchers

 avatar  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.