index.html

---
layout: startpage
---

<div class="home">


  <div class="page-content">
    <div class="wrapper">
      <h2>
        Basic Principles of Mantra<br>
        <span>Maintainability and Future proofness</span>
      </h2>

      <div style="margin-bottom: 40px;">
        <img src="{{site.github.url}}/assets/icon_website.png" style="float: left; margin-right: 50px;"/>
        <h3>1. High Maintainability</h3>
        Maintainability is a key factor for success when working with a large team.
        We achieve this by unit testing every part of our app, while following
        standards for everything. Then it's easy to on-board new users and work
        with teams.
      </div>

      <div style="margin-bottom: 40px; ">
        <img src="{{site.github.url}}/assets/icon_compass.png" style="float: left; margin-right: 50px;"/>
        <h3>2. Future Proof</h3>
        JavaScript is a land of choices. We have more than one best thing for each
        problem. It can be hard to tell what’s the best solution now and what will
        change in the future.
      </div>
    </div>
  </div>

  <div class="fullwidth-container orange">
    <div class="page-content">
      <div class="wrapper">
        <h2>
          Get up and running easily<br>
          <span>Clone the mantraKickstarter</span>
        </h2>
        <img src="{{site.github.url}}/assets/screenshot_kickstarter.png" style="margin: 0 auto; display: block;"/>
        <h3>Features</h3>
        <ol>
          <li>follows mantra feature specific modules approach</li>
          <li>formsy-react for login, registration and password forms</li>
          <li>formsy-react and formsy-react-components</li>
          <li>user registration, login, logout with application wide state, composed in pure React JS components with react-komposer (there is no blaze ui, or any blaze to react)</li>
          <li>simple but complete Colors modules wih CRUD</li>
          <li>simple but not fully complete user management module</li>
          <li>tcomb-form based forms in Colors module</li>
          <li>meteor astronomy models</li>
          <li>bootstrap theme module based on Flatly with a configuration file, you can replace it or remove if you have other requirements</li>
        </ol>
        <a href="https://github.com/mantrajs/meteor-mantra-kickstarter" class="cta-btn green">clone and kickstart</a>
      </div>
    </div>
  </div>

  <div class="page-content">
    <div class="wrapper">
      <div style="margin: 40px 0;">
        <img src="{{site.github.url}}/assets/icon_backpack.png" style="float: left; margin-right: 50px;"/>
        <h3>Check out Mantra tutor</h3>
        Get ready right from the start. We prepared some easy to follow courses which help you to get up and running.<br/><br/>
        <a href="http://tutor.mantrajs.com/" class="cta-btn green">get started</a>
      </div>
    </div>
  </div>

  <div class="fullwidth-container orange">
    <div class="page-content">
      <div class="wrapper">
        <h2>
          Code Generation<br>
          <span>We got you covered with our Mantra Atom plugin</span>
        </h2>
        <img src="{{site.github.url}}/assets/screenshot_atom.png" style="margin: 0 auto; display: block;"/>
        <h3>Functionality</h3>
        <ol>
          <li>custom pane to display Mantra modules and components</li>
          <li>automatically generate a module</li>
          <li>automatically generate module components from the menu</li>
          <li>generate server components</li>
          <li>several snippets for mantra components</li>
          <li>init a new mantra app automatically</li>
        </ol>
        <a href="https://github.com/mantrajs/mantrajs-atom-package" class="cta-btn green">wow i need this</a>
      </div>
    </div>
  </div>

</div>