Fork of the excellent esp8266-react - https://github.com/rjwats/esp8266-react
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
2.9 KiB
77 lines
2.9 KiB
import React, { Component } from 'react';
|
|
import { Typography, Box, List, ListItem, ListItemText } from '@material-ui/core';
|
|
import { SectionContent } from '../components';
|
|
|
|
class DemoInformation extends Component {
|
|
|
|
render() {
|
|
return (
|
|
<SectionContent title='Demo Information' titleGutter>
|
|
<Typography variant="body1" paragraph>
|
|
This simple demo project allows you to control the blink speed of the built-in LED.
|
|
It demonstrates how the esp8266-react framework may be extended for your own IoT project.
|
|
</Typography>
|
|
<Typography variant="body1" paragraph>
|
|
It is recommended that you keep your project interface code under the 'project' directory.
|
|
This serves to isolate your project code from the from the rest of the user interface which should
|
|
simplify merges should you wish to update your project with future framework changes.
|
|
</Typography>
|
|
<Typography variant="body1" paragraph>
|
|
The demo project interface code is stored in the interface/project directory:
|
|
</Typography>
|
|
<List>
|
|
<ListItem>
|
|
<ListItemText
|
|
primary="ProjectMenu.tsx"
|
|
secondary="You can add your project's screens to the side bar here."
|
|
/>
|
|
</ListItem>
|
|
<ListItem>
|
|
<ListItemText
|
|
primary="ProjectRouting.tsx"
|
|
secondary="The routing which controls the screens of your project."
|
|
/>
|
|
</ListItem>
|
|
<ListItem>
|
|
<ListItemText
|
|
primary="DemoProject.tsx"
|
|
secondary="This screen, with tabs and tab routing."
|
|
/>
|
|
</ListItem>
|
|
<ListItem>
|
|
<ListItemText
|
|
primary="DemoInformation.tsx"
|
|
secondary="The demo information page."
|
|
/>
|
|
</ListItem>
|
|
<ListItem>
|
|
<ListItemText
|
|
primary="LightStateRestController.tsx"
|
|
secondary="A form which lets the user control the LED over a REST service."
|
|
/>
|
|
</ListItem>
|
|
<ListItem>
|
|
<ListItemText
|
|
primary="LightStateWebSocketController.tsx"
|
|
secondary="A form which lets the user control and monitor the status of the LED over WebSockets."
|
|
/>
|
|
</ListItem>
|
|
<ListItem>
|
|
<ListItemText
|
|
primary="LightMqttSettingsController.tsx"
|
|
secondary="A form which lets the user change the MQTT settings for MQTT based control of the LED."
|
|
/>
|
|
</ListItem>
|
|
</List>
|
|
<Box mt={2}>
|
|
<Typography variant="body1">
|
|
See the project <a href="https://github.com/rjwats/esp8266-react/">README</a> for a full description of the demo project.
|
|
</Typography>
|
|
</Box>
|
|
</SectionContent>
|
|
)
|
|
}
|
|
|
|
}
|
|
|
|
export default DemoInformation;
|