https://github.com/numax-cz/esp32webservertemplate

PlatformIO webserver template with Typescript files for ESP32
https://github.com/numax-cz/esp32webservertemplate

arduino esp32 esp32-arduino esp32-wroom platformio platformio-arduino platformio-library template template-project typescript webserver webserver-esp32 webserver-setup webservers

Last synced: about 1 month ago
JSON representation

PlatformIO webserver template with Typescript files for ESP32

• Host: GitHub
• URL: https://github.com/numax-cz/esp32webservertemplate
• Owner: Numax-cz
• License: mit
• Created: 2023-04-08T16:15:50.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-05-06T16:27:43.000Z (about 2 years ago)
• Last Synced: 2025-02-17T14:48:20.320Z (4 months ago)
• Topics: arduino, esp32, esp32-arduino, esp32-wroom, platformio, platformio-arduino, platformio-library, template, template-project, typescript, webserver, webserver-esp32, webserver-setup, webservers
• Language: JavaScript
• Homepage:
• Size: 126 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.MD
  • License: LICENSE

Awesome Lists containing this project

README

        
# ESP32WebServerTemplate

ESP32WebServerTemplate is a template project for developing web server applications using ESP32 microcontroller and Arduino framework. It provides a simple and easy-to-use framework for building web applications with TypeScript.

* Without TypeScript: https://github.com/Numax-cz/ESP32WebServerTemplate/tree/non-ts

---

## Instalation

### What do you need? 

- [Git](https://git-scm.com/)

- [Node - LTS](https://nodejs.org/en/)

- [Visual Studio Code](https://code.visualstudio.com/)

- [PlatformIO IDE](https://marketplace.visualstudio.com/items?itemName=platformio.platformio-ide)

---

1. Use this template

2. Clone the repository

3. Install the packages

   ```sh

   npm install

   ```

4. Set up PlatformIO config if you need

5. Configure WiFi in `src/main.cpp`

   ```c++

   const char *SSID = "";

   const char *PASSWORD = "";

   ```

---

## Upload files to board

1. Run build script 

   ```sh

   npm run build

   ```

   After you run the build script, your data directory has been created.

   

   ![Build](/doc/run_build.png)

2. Build Filesystem Image

   

   ![Build](/doc/build.png)

3. Upload Filesystem Image

   

   ![Build](/doc/upload.png)