To start the project type in terminal:
npm i
npm run start
(Assumed you have NPM installed on your device)
The project is developed with native JS (ES6), CSS, HTML with mobile-first approach. Project bundler is expected to be adopted later. Images are not optimized.
Browsers compability is a bit lacking. In plans to support at least 2 last versions of all major browsers (Chrome, Edge, Opera, Firefox, Safari) on desktop and mobile.
If you'd like to explore the project through Github Pages Link. I suggest using Chrome with Device Mode switched on (Ctrl/Command + Shift + M) for now.
Note: Because of testing purposes only the card Xiaomi Yeelight LED is clickable. It triggers lighting preferences modal.
[ ] Add Dimmer UI component to control floor's temperature. (Design)
[ ] Add slider for cards containers
[ ] Add :hover state for cards
[ ] Test accessibility
[ ] Improve resposive behaviour on medium and large screens
[ ] Optimize svg and png images (SVGO, something else for raster)
[X] Add bundling for CSS and JS Solved #310d083
[ ] Improve dist folder structure (should mimic src folder)