Angular responsive demo for data display (a one screen application)

Our data information company is trying to create software to find new ways to display data and to simplify data entry. To that end we want to create a demo piece of software where we showcase a novel way of looking at data. This means that this is a front end project, and, for this version at least, there is no backend.

We have to sets of data: The first one (DATA1, hereafter) contains a few (4 at the moment, but might be more) people.

The second one (DATA2, hereafter) contains 40 possibly incomplete people. The fields on both datasets might be different (that is, each record on data2 might have different columns, some might match with the ones on data1, some might not)

The idea is to compare, in order, each of the 4 with the ones on the list of 40 that have matching data.

We have a wireframe available (see the attachments). But it is only a reference. This is first and foremost a show of UX.

This screen has two panes (this is regarding the view on a big screen, it is clear that on smaller screens these two panes may appear differently):

On the left the information of the current member of data1 being analyzed

On the right the fields for each member of DATA2 that has matching fields.

The user of the application must decide if the data on the left and the data on the right belong to the same person. That is the main action item. Telling wether or not is the same person. We have outlined a way of telling by using two buttons, but it can also be done by using a swipe left / swipe right gesture.

In the example we only have 9 text columns + picture, but there might be more,

we need to display differently the fields that have total match, fields that

have apartial matches, and columns that don't match. On the demo we are using

shading, but UX suggestions are by all means welcome.

Once the user decides if it matches the next record on DATA2 (that has

matches, the ones that don't have any should no be shown).

The priority is:

1. Display fields where both DATA1 and DATA2 have the field and the value is

the same.

2. Display fields where both DATA1 and DATA2 have the field and the value is


Application flow:

1. Select the first record from data1 on the left pane

2. Select the first record from data2 that matches something from r1 data 1

3. The user chooses either "Match" or "No Match"

4. Display the next record from data2 that matches

5. Once there are no more records that match from data2

Non functional requirements

This version has no backend. The json files sent can be embedded on the page itself. We want to be able to show this working without an internet connection (that is, we preload the page and then show it, and it should work). You can assume that the only pictures ever to be shown are those in the test data and preload those.

UX is very important. Rather than showing backend or complexity of data we want to showcase ways of interacting, which is why UX is crucial

We are sending and example on the L&F ([login to view URL]) we'd like, but are open to ideas.

Use Angular!

Use Bootstrap!

The columns or field names might change, I might have more and the system must

be able to work with that. No code restructure should be needed there. Make

it pretty with the existing fields, but don't make it hardwired. If some

information arrives with 1000 fields it should work. (More than likely, not a

lot of the fields will have the same value).

We attach a file that has the type of look and feel we want. We want for the app to feel like a part of the same application.

Compétences : Angular.js, HTML5, Javascript

en voir plus : Simple script for scraping Angular based website and storing a small chunk of data in MySQL database., display live information from one website to another in a table, fill a large company data entry, how to find a data entry based us company, display data mysql android application, display data database desktop application, iphone data display application, mysql data display joomla, flex data display, wanted data entry job seafood company, capture screen application closes, php ajax data display, joomla data display, can create touch screen application cnet, data entry database application, extract data display web page php, bangladesh data entry job provider company, windows touch screen application, data entry forms processing company, display video information

Concernant l'employeur :
( 74 commentaires ) Bogotá, Colombia

Nº du projet : #17137220

Décerné à:


okay got it ............. i have a great experience in angular ,..................... message me so we can proceed further ..............thanks,,,,,,,,,,,,,,,

%selectedBids___i_sum_sub_7% %project_currencyDetails_sign_sub_8% USD en 5 jours
(5 Commentaires)

16 freelance font une offre moyenne de $178 pour ce travail

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(15 Commentaires)
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(21 Commentaires)

Hello. I have just read your requirements. I have deep experience in skills you need so i can finish your project in a short time. Please go through this link:- [login to view URL] Fell free regard Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(14 Commentaires)

Hi, I have read all of your posting carefully and understood your requirements. Honestly, I am expert in AngularJS. I would like to inform you also that I am highly skilled with Bootstrap and CSS as I have a handso Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(8 Commentaires)
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(3 Commentaires)

Hello, I am an Angular expert. I have good experiences in building web apps and components by using Angular 2/4/5/6. - Angular 2/4/5/6 & Bootstrap 3, 4 - Integrating lots of components like ngx-datatable, ngx-boots Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(5 Commentaires)

Hello My name is David B I have good skills about angular js and php and bootstrap I have experienced about angular for 5+years If u want,I will make good result for u thanks to view my proposal I hope u are happ Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(2 Commentaires)

Hi, I can help you. The requirements are straightforward. I can also offer the quickest turnaround. Please PM for details. Regards, Usama

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(3 Commentaires)
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(2 Commentaires)

Hi The job description you listed is basic for an angular frontend application to parse the json and display in frontend. I understand you project well please come to chat i have few questions . \ Thanks Rebanta

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(3 Commentaires)

Ingeniero de Sistemas, experto en “Desarrollo Web” FrontEnd Avanzado. con mas de 1año de experiencia. como.: Programador Front -End y el Diseño Web. Dominio Photoshop. Dominio Illustrator Dominio Angular 2 Dom Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 10 jours
(0 Commentaires)

Hello I ensure you that i will give full response on your project.I will develop app that to find new ways to display data and to simplify data entry. To that end we want to create a demo piece of software where we Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(0 Commentaires)

Hello, We came across to your project description. We have a team who are experienced in Angular JS and have been working since last 3+ years. We have reviewed your given attached file and would like to assist you Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(0 Commentaires)

Quite descriptive. Can be developed using AngularJs 1.x version and Bootstrap which will mean the performance it better and internet is not required. Since this is only a Front-End job, so I fit in perfectly havi Plus

%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(0 Commentaires)
%bids___i_sum_sub_35% %project_currencyDetails_sign_sub_36% USD en 3 jours
(0 Commentaires)