distronix_front-end-test's Introduction
distronix_front-end-test's People
distronix_front-end-test's Issues
Fetch data and render on maps, connect the components.
Fetch the data from the API and render on maps, connect the components with each other.
The API endpoint is returning Error 500
The API endpoint is returning Error 500 Internal Server Error upon sending the sample data given in the specification document.
The API endpoint: http://35.197.106.255:3000/api/v1.1/lastMultiple
Request Method: POST
Request Body:
Type: x-www-form-urlencoded
Key: devid
Value: d8c68c44e70825b746c80c41add7279a
Testing Environment: Postman
Create a Map component
Create a map component which should display a map.
The data received from the form component ( Device_ID and Sensor_ID ) should be passed to the API endpoint periodically after each 10 seconds.
Display the location received from the query on a map and update the location of the sensor on the map.
On clicking the marker icon of the sensor, display a text box. This text box should simply display the sensor id received from the previous view
Adding Switch router navigation in App.
Add react router navigation in the app
Add some styles
With bootstrap, add some quick styles.
Create a Form component
Create a form component with one submit button and two input fields with labels 'Sensor ID' and 'Device ID' respectively.
Perform basic validation:
- Both inputs are required before submitting.
- Strip any html special characters.
Upon submission, Map Component should open (#3)
Write unit tests for checking:
- Rendering of button and inputs.
- No submission with no data.
- No submission with malformed data
All tests should pass.
Add fetchData function to fetch the latest chunk of data.
Each 10 second the request should be iterated.
check for latitude and longitude in response.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.