Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lukaszkolodziejski/xxxl_embedded_c_stm32-microcontroller__web_react_app
Remote lighting control with a regulator / Web application / Encoder / RGB LED
https://github.com/lukaszkolodziejski/xxxl_embedded_c_stm32-microcontroller__web_react_app
analog-to-digital-converter asynchronous-components automatic-regulator axios bh1750 c css-modules encoder es6 gpio i2c javascript nucleo-f746zg pwm react rgb-led serial-port stm32 timers web-serial-api
Last synced: about 2 months ago
JSON representation
Remote lighting control with a regulator / Web application / Encoder / RGB LED
- Host: GitHub
- URL: https://github.com/lukaszkolodziejski/xxxl_embedded_c_stm32-microcontroller__web_react_app
- Owner: LukaszKolodziejski
- Created: 2021-01-05T22:42:56.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2021-02-12T18:00:30.000Z (almost 4 years ago)
- Last Synced: 2023-03-08T02:39:33.981Z (almost 2 years ago)
- Topics: analog-to-digital-converter, asynchronous-components, automatic-regulator, axios, bh1750, c, css-modules, encoder, es6, gpio, i2c, javascript, nucleo-f746zg, pwm, react, rgb-led, serial-port, stm32, timers, web-serial-api
- Language: C
- Homepage: https://embedded-c-stm32-web-react.web.app/
- Size: 17.4 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## XXXL_Embedded_C_STM32-Microcontroller__Web_React_App // 01.2021
#### Remote lighting control with a regulator / Web application / Encoder / RGB LED
> #### I connected here a lot of technologies in one place:
>
> #### ... to show what I can create,```js
JavaScript React.js STM32 C GPIO I2C PWM
NUCLEO-F746ZG Web Serial API Axios Light intensity sensor BH1750
ES6 CSS Modules asynchronous components Encoder
CSS3 HTML5 REST API MVP
RGB LED Serial Port ADC - Analog to Digital Converter Timers
Automatic Regulator
```> # How it works ? (12 Steps)
>
> ### I want to show the most important details and possibilities of my project here :) (only 2 min)---
> ## 1. Schematic diagram
>
> ![text](https://github.com/LukaszKolodziejski/XXXL_Embedded_C_STM32-Microcontroller__Web_React_App/blob/main/src/images/1.Schematic_diagram.png)---
---
---
> ## 2. Electrical diagrams of individual elements:
>
> ![text](https://github.com/LukaszKolodziejski/XXXL_Embedded_C_STM32-Microcontroller__Web_React_App/blob/main/src/images/2.Electrical_diagrams_of_individual_elements.png)---
---
---
> ## 3. Whole STM32 chip with connected components:
>
> ![text](https://github.com/LukaszKolodziejski/XXXL_Embedded_C_STM32-Microcontroller__Web_React_App/blob/main/src/images/3.Whole_STM32_chip_with_connected_components.png)---
---
---
> ## 4. The structure of the web application and data flow between components:
>
> ![text](https://github.com/LukaszKolodziejski/XXXL_Embedded_C_STM32-Microcontroller__Web_React_App/blob/main/src/images/4.The_structure_of_the_web_application_and_data_flow_between_components.png)---
---
---
> ## 5. Operation of the application not connected to the serial port:
>
> ![text](https://github.com/LukaszKolodziejski/XXXL_Embedded_C_STM32-Microcontroller__Web_React_App/blob/main/src/images/5.Operation_of_the_application_not_connected_to_the_serial_port.png)---
---
---
> ## 6. Connecting the application with the serial port:
>
> ![text](https://github.com/LukaszKolodziejski/XXXL_Embedded_C_STM32-Microcontroller__Web_React_App/blob/main/src/images/6.Connecting_the_application_with_the_serial_port.png)---
---
---
> ## 7. System control from the web application through the serial port:
>
> ![text](https://github.com/LukaszKolodziejski/XXXL_Embedded_C_STM32-Microcontroller__Web_React_App/blob/main/src/images/7.System_control_from_the_web_application_through_the_serial_port.png)---
---
---
> ## 8. System control from the web application through the serial port (part 2):
>
> ![text](https://github.com/LukaszKolodziejski/XXXL_Embedded_C_STM32-Microcontroller__Web_React_App/blob/main/src/images/8.System_control_from_the_web_application_through_the_serial_port.png)---
---
---
> ## 9. Additional encoder control:
>
> ![text](https://github.com/LukaszKolodziejski/XXXL_Embedded_C_STM32-Microcontroller__Web_React_App/blob/main/src/images/9.Additional_encoder_control.png)---
---
---
> ## 10. Remote control of the system:
>
> ![text](https://github.com/LukaszKolodziejski/XXXL_Embedded_C_STM32-Microcontroller__Web_React_App/blob/main/src/images/10.Remote_control_of_the_system.png)---
---
---
> ## 11. Real-time display of measurements on a smartphone:
>
> ![text](https://github.com/LukaszKolodziejski/XXXL_Embedded_C_STM32-Microcontroller__Web_React_App/blob/main/src/images/11.Real-time_display_of_measurements_on_a_smartphone.png)---
---
---
> ## 12. Real-time display of measurements on a smartphone (part 2):
>
> ![text](https://github.com/LukaszKolodziejski/XXXL_Embedded_C_STM32-Microcontroller__Web_React_App/blob/main/src/images/12.Real-time_display_of_measurements_on_a_smartphone.png)---
---
---
### (Configuration: Web Serial API)
[chrome://flags/#enable-experimental-web-platform-features](chrome://flags/#enable-experimental-web-platform-features)