vincentrohde / steelcase-iot Goto Github PK
View Code? Open in Web Editor NEWReact application to display and instruct chair(robot) movement. Making use of camera data and a pathfinding algorithm ๐ค
React application to display and instruct chair(robot) movement. Making use of camera data and a pathfinding algorithm ๐ค
Style the CTAButton Component according to the given design for the Call2Action button.
As we have seen in the discussion on @nastasios PR, the icon appears super small once it is embedded somewhere. We need to make it flexible in its state, so we can decided the width in each component.
AC:
react-router-dom
like we did in the CTAButton componentQS:
We need some style/ structure for the Navigation component. Apply some flexbox properties.
We need a Component for the room lane. The design reference follows shortly after it's done.
This Component should load:
-Room-Component
For the background gradient-wave we need some reusable class that we can apply accross the project.
Try to implement it in the IntroPage Component.
AC:
We need a quick implementation of the CreateOrder/ UpdateOrder Page.
Implement a basic version of the given design.
Something is not right here. Need to figure out how to prevent store reset on switching Routes/ Pages.
Maybe, it's related to the Provider being only wrapped around the parent, instead around the Router?
We need to be able to drag Chairs around inside the Grid component.
AC
We need something like a first time force visit to our '/intro' route.
See this:
https://stackoverflow.com/questions/42875949/react-router-v4-redirect-not-working
We have to integrate ChairsStore in the regular Store. The current architecture is causing a memory leak on loading different routes.
AC:
We need a Click Event Listener for the Order Components, that sends a WebSocket message(data) to the Pathfinder Team.
We need a Chair Component, that contains some basic grid information. In this ticket only create the Chair component, not the Grid Component.
AC:
We want to be able, to dynamically generate Room Components inside the Rooms Component. You have to use the props(state=> rooms) from Lane to achieve this.
AC:
We need a component for the landing route('/').
Acceptance Criteria:
As discussed in the PR from @nastasios . We need to fix the AddButton, so it uses the SVG from the design.
AC:
react-router-dom
Link, like we did in the CTAButtonWe need a Component for LaneItemRoom. In this Component we need to see the number of the room and a svg in the background. Design reference follows shortly after.
Since we merged #24 just a while ago, unfortunately I just realised this issue.
The flexbox style used in the OrderLane component, is not good. You have to implement standards, to make it work without having to use css hacks. Margin hacks should disappear!
AC:
We need Animations for changing Pages.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.