Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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

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)