A Raspberry Pi project to display the time and weather next to the most recent image in an Instagram feed. Based on balena-electron-vuecli3
Create a .env.local file in the root directory of your project. Add an environment variable containing your DarkSky API key on a new line in the form of VUE_APP_DARKSKY=YOUR_API_KEY_HERE Add an environment variable containing your Instagram token on a new line in the form of VUE_APP_INSTAGRAM=YOUR_TOKEN_HERE
For a Balena (formerly Resin.io) device, create a DARKSKY device variable and an INSTAGRAM device variable in the dashboard.
# install dependencies
yarn install
# serve with hot reload at localhost:9080
yarn run dev
# build electron application for production
yarn run build
# lint all JS/Vue component files in `src/`
yarn run lint
- Serve up display in a web page remotely
-
Balena on the Raspberry Pi
https://www.balena.io/docs/learn/getting-started/raspberrypi3/nodejs/
-
Rotating the Raspberry Pi display in a Balena application
In the device configuration tab of the Balena dashboard, create a RESIN_HOST_CONFIG_lcd_rotate custom environment variable and give it a value of 2 to rotate the Raspberry Pi display 180 degrees.
-
CSS Flexbox
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox
-
Working with the DarkSky API and using cors-anywhere to access the API in a development environment.
-
I tried using Skycons and the vue-skycon NPM module, but there seems to be a memory leak that caused the application to crash after a few days.
This project was generated with electron-vue@3a1e893 using vue-cli.
Integrated with resin based on resin-electronjs
Documentation about the original structure can be found here.
The weather icons used in this project come from Weather Icons