Go to file

rjwats@gmail.com 791c1e9573 new build		2018-02-26 22:56:44 +00:00
data	new build	2018-02-26 22:56:44 +00:00
interface	initial commit of C++ back end and react front end	2018-02-26 00:11:31 +00:00
lib	initial commit of C++ back end and react front end	2018-02-26 00:11:31 +00:00
screenshots	initial commit of C++ back end and react front end	2018-02-26 00:11:31 +00:00
src	Add feature to enable CORS during the build.	2018-02-26 22:55:58 +00:00
.gitignore	initial commit of C++ back end and react front end	2018-02-26 00:11:31 +00:00
.travis.yml	initial commit of C++ back end and react front end	2018-02-26 00:11:31 +00:00
platformio.ini	Add feature to enable CORS during the build.	2018-02-26 22:55:58 +00:00
README.md	initial commit of C++ back end and react front end	2018-02-26 00:11:31 +00:00

README.md

ESP8266 React

A simple(ish) framework for getting up and running with the ESP8266 microchip and a react front end. Includes a GUI for configuring WiFi settings, a dynamic access point, NTP, and OTA updates.

Designed to work with the platformio IDE with limited setup.

Why I made this project

I found I was repeating a lot of work when starting new projects with the ESP8266 chip. Most projects I've had demand a configuration interface for WiFi, the ability to synchronize with NTP, and OTA updates. I plan to use this as a basis for my upcoming personal projects and to extend and improve it as I go.

Getting Started

Prerequisites

You will need the following before you can get started.

PlatformIO - IDE for development
NPM - For building the interface
Bash shell, or Git Bash if you are under windows

Installing in PlatformIO

Pull the project and add it to PlatformIO as a project folder (File > Add Project Folder).

PlatformIO should download the ESP8266 platform and the project library dependencies automatically.

Once the platform and libraries are downloaded the back end should be compiling.

Building the interface

The interface has been configured with create-react-app and react-app-rewired so I can customize the build for the MCU. The large artefacts are gzipped and source maps and service worker are excluded.

The interface code lives in the interface directory, change to this directory with your bash shell (or Git Bash) and use the standard commands you would with any react app built with create-react-app:

Download and install the node modules:

npm install

Build the interface:

npm run build

NB: The build command will also delete the previously built interface (the ./data/www directory) and replace it with the freshly built one, ready for upload to the device.

Configuration & Deployment

TODO...

Design Overview

TODO...

Libraries Used

Note that the project doesn't currently fix it's dependencies to a particular revision.

This may be particularly problematic for material-ui-next which is under active development and breaking changes are being made frequently.