ehryk.github.com/espdrive.html at master · Ehryk/ehryk.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!doctype html>
<html class="no-js">

	<head>
		<meta charset="utf-8"/>
		<title>ESPDrive</title>

		<!--[if lt IE 9]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<meta name="viewport" content="width=device-width, initial-scale=1"/>
		<!-- Adding "maximum-scale=1" fixes the Mobile Safari auto-zoom bug: http://filamentgroup.com/examples/iosScaleBug/ -->
	    <meta name="description" content="ESPDrive - An ESP32 power wheels monitor for Home Assistant" />
	    <meta name="keywords" content="ESPDrive,ESP32,Ehryk,Drive" />
	    <meta name="author" content="Eric Menze" />
		<meta property="og:url" content="https://ehryk.github.io/espdrive" />
		<meta property="og:title" content="ESPDrive" />
		<meta property="og:description" content="ESPDrive - An ESP32 power wheels monitor for Home Assistant" />
	    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
	    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

		<link rel="stylesheet" media="all" href="css/main.css"/>
		<link rel="stylesheet" media="all" href="css/esp.css"/>

        <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
	</head>

	<body>

        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

		<div class="page">
		<h1>ESPDrive</h1>
		<h5>A power wheels monitor for Home Assistant — for more: <a href="/">home</a>, <a href="https://github.com/Ehryk">github</a>, <a href="http://www.ericmenze.com/cv/portfolios/">portfolio</a> or <a href="mailto:ehryk42@gmail.com">email</a>.</h5>

		<section>
		  <div class="Detail left">
		    <h3>Home Assistant</h3>
		    <p>Available entities include vehicle status (on/off), lights status (on/off), direct relay control, and main battery voltage</p>
		  </div>
		  <div class="Image left">
		  	<img src="Circuits/ESPDrive/Images/HomeAssistant.jpg" alt="Home Assistant" />
		  </div>
		  <div class="clearfix">
		</section>

		<section>
		  <div class="Detail">
		    <h3>Front</h3>
		    <p>RGB Status LED, ESP32 DevKit v1, 12V switching regulator (for radio and lights when increasing main battery voltage), 3.3V switching regulator, Micro K relay, dual optoisolated inputs for vehicle power and lights</p>
		  </div>
		  <div class="Image">
		  	<img src="Circuits/ESPDrive/Images/Front.jpg" alt="Front Picture" />
		  </div>
		  <div class="clearfix">
		</section>

		<section>
		  <div class="Detail left">
		    <h3>Rear</h3>
		    <p>Main battery input, ~13.5V DC output, 3.3V DC output, relay connections, vehicle power and light status input</p>
		  </div>
		  <div class="Image left">
		  	<img src="Circuits/ESPDrive/Images/Rear.jpg" alt="Rear Picture" />
		  </div>
		  <div class="clearfix">
		</section>

		<section>
		  <div class="Detail">
		    <h3>Schematic</h3>
		    <p>Open source schematic provided - <a href="Circuits/ESPDrive/Export/ESPDrive.pdf">View</a></p>
		  </div>
		  <div class="Image">
		  	<img src="Circuits/ESPDrive/Images/Schematic.jpg" alt="Schematic" />
		  </div>
		  <div class="clearfix">
		</section>

		<section>
		  <div class="Detail left">
		    <h3>PCB Layout</h3>
		    <p>PCB Layout provided in KiCAD format - <a href="https://github.com/Ehryk/ehryk.github.com/tree/master/Circuits/ESPDrive">View</a></p>
		  </div>
		  <div class="Image left">
		  	<img src="Circuits/ESPDrive/Images/PCBLayout.jpg" alt="PCB Layout" />
		  </div>
		  <div class="clearfix">
		</section>

		<section>
		  <div class="Detail">
		    <h3>ESPHome Configuration</h3>
		    <p>Sample ESPHome .yaml provided - <a href="Circuits/ESPDrive/ESPDrive.yaml">View</a></p>
		  </div>
		  <div class="Image">
		  	<img src="Circuits/ESPDrive/Images/YAML.jpg" alt="ESP Home .yaml" />
		  </div>
		  <div class="clearfix">
		</section>

		<section>
		  <div class="Detail left">
		    <h3>Bill of Materials</h3>
		    <p>BoM provided in .csv format - <a href="Circuits/ESPDrive/Export/ESPDrive.bom">View</a></p>
		  </div>
		  <div class="Image left">
		  	<img src="Circuits/ESPDrive/Images/BOM.jpg" alt="Bill of Materials" />
		  </div>
		  <div class="clearfix">
		</section>

        <footer>
        	<hr />
            <p>&copy; Eric Menze 2026</p>
        </footer>
		</div>

		<div id="image-overlay" class="image-overlay" aria-hidden="true">
			<div class="image-overlay-content"></div>
		</div>

        <script src="https://cdn.jsdelivr.net/npm/jquery@4.0.0/dist/jquery.min.js"></script>

        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js"></script>

		<script src="js/overlay.js"></script>
		<script src="js/esp-images.js"></script>

	</body>

</html>