Giter VIP home page Giter VIP logo

vuefood's Introduction

GOODFOOD

Visualizer of clients and transactions

This repository contains code for the web interface of GOODFOOD application. In this link you can see code for backend

Requirements:

  1. Get data from external sources and format it to store in a graph-based database

    • Products
    • Clients
    • Transactions
  2. List all clients of the platform

  3. Get information about a specific client by his ID

    • Transactions history
    • Other clients using the same IP
    • Recommendations about products that other people also buy
  4. Create a web interface to visualize the data

    • Select a date to load data from
    • List all clients
    • See information about specific client

How the application looks like

Home

Load data section

This section allows you to select a date from which you want to load the data. By default the application load data for the current day.

When the process to load data have finish you can see the message according the case. "Data loaded" for successful response.

Buyers List

Here you can see the list of all buyers in the platform. If you click over a item the application show the page of buyer detail.

Buyer detail

This page show the detail of a buyer and his transactions history. Also you can see a list of IP's used by the buyer and a sub-list of people that make transactions from the same IP. In the right side of the page you can see a list of top 10 products recommended to the current client in based of people that buy similar products.

Technologies:

Quick start:

Before starting be sure you follow the steps described to run the back-end for this application

  1. Clone this repository:

    git clone [email protected]:rubbenpad/vuefood.git

  2. Navigate into your new folder and install dependencies:

    cd vuefood

    npm install

  3. Compiles and hot-reloads for development

    npm run serve

  4. Compiles for production

    npm run build

  5. Lint and fixes files

    npm run lint

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.