<h2class="center-text">An educational fullstack web development framework.</h2>
<pclass="center"style="--w: 800px">A belt full of web development ammunition. A full featured web framework designed to be studied. The Bandolier contains simple implementations of almost every feature found in other frameworks, but in small easily studied forms.</p>
<pclass="center"style="--w: min(100%, 800px)">A belt full of web development ammunition. A full featured web framework designed to be studied. The Bandolier contains simple implementations of almost every feature found in other frameworks, but in small easily studied forms.</p>
<h2class="center-text"style="font-size: 1.2em;">A project of <ahref="https://learnjsthehardway.com/">Learn JavaScript the Hard Way</a></h2>
</block>
@ -46,13 +74,13 @@
<p>The Bandolier is based on code used to power <ahref="https://learnjsthehardway.com">learnjsthehardway.com</a> supporting thousands of users all watching video. <b>Yet, it's still easy to study and use.</b> All of the components are loosely coupled and easily replaced. Don't like my ORM? Use your favorite. Want to write a <ahref="https://go.dev/">Go</a> backend? Go for it.</p>
<pclass="no-flex center-self"style="--w: 50%">The Bandolier comes with nearly everything you need, and a lot of things modern web developers shouldn't have to implement. Authentication, standard <ahref="https://www.npmjs.com/package/bcryptjs">bcrypt</a> password storage, <ahref="/client/#/bando/components/HLSVideo/">HLS Video Streaming</a>, and <ahref="/client/#/icons/">icons</a> are just a few of the convenient features. If you don't like how The Bandolier does it, then <b>replace it</b>.</p>
<p>If you're just starting out it's hard to know what to do next. The Bandolier supports a <b>personal development process</b> that takes you from an initial UI to a working application in logical steps. The process is the result of watching thousands of beginners struggle with getting started, and has worked to help them start and finish their projects.</p>
</left>
<shapeid="photo">
<shapeid="photo"class="mobile-hide">
<h4>Photo</h4>
</shape>
</block>
@ -117,5 +145,12 @@ npm run DANGER_ADMIN
<h2><aclass="center-text"href="/client/#/quick/">Read the Full Quick Start Guide</a></h2>
</block>
<modal>
<calloutclass="warning"><span>
<h1>Get Off Ya Phone</h1>
<p>This app is a work in progress so warping it to your phone isn't done yet. You can just go straight to <ahref="/client/#/">the docs</a> and when you're serious go find a real computer and stop making people support your phone for advanced documentation.</p>