Giter Site home page Giter Site logo

openenade / visualizer Goto Github PK

View Code? Open in Web Editor NEW
5.0 5.0 1.0 5.19 MB

Client application example for OpenEnade API.

JavaScript 27.20% HTML 1.92% Vue 70.13% Dockerfile 0.29% Shell 0.46%
axios bootstrap4 brazil-open-data enade google-charts jest opendata vuejs

visualizer's People

Contributors

codacy-badger avatar igoratf avatar joivo avatar paulofelipefeitosa avatar paulovitorccc avatar snyk-bot avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

paulovitorccc

visualizer's Issues

Integrate the app with server side.

We need to integrate the screens produces even now to the server side. For this, its necessary a simple piece of the API deployed, populate with some stub data.

Universities details.

It should be possible to select a course and view its detailed information graphically.

Mock application

Initially, the application doesn't have a connection to the server side, so it's necessary to implement a data mock for demonstration purposes.

Jumbotron title component.

Implement a Jumbotron component that shows the title and a short description on each page of the application.

Chart component.

Chart component of the history of the concept Enade of one or more universities. That component should accept one or more university data to plot. Is recommended to use some library like these to produce the charts.

NotFound page.

Implement a NotFound page that should be rendered when a route not defined in the system is accessed.

Footer component.

Implement a footer component that will be used in the entire application.

Search component

Implement a component to search for courses as the examples below. The component must be a drop-down menu that, when selected, shows all available courses in the system database. When selecting a course, research on the course should be done. If an error occurs, a modal with a text explaining the error should be displayed.
searchpage
searchpagedropdown

Contact page

Implement a contact page like the example below. Note that, following the directory structure set as the default for the application, the ideal folder for placing this .vue file is in src/views
contactpage

Home page

Implement a home screen as the example below. Note that, following the directory structure set as the default for the application, the ideal folder for placing this .vue file is in src/views
homepage

About page

Implement an about page like the example below. Note that, following the directory structure set as the default for the application, the ideal folder for placing this .vue file is in src/views
aboutpage

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.