
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- Title of the page for search engines -->
  <title>MwalaJS - Help | Documentation for MVC Framework</title>
  
  <!-- Meta description for better SEO ranking -->
  <meta name="description" content="Get detailed help and documentation for MwalaJS framework. Learn how to use MwalaJS commands, structure, installation, and more.">
  
  <!-- Meta keywords for SEO -->
  <meta name="keywords" content="MwalaJS, MVC framework, MwalaJS installation, MwalaJS commands, MwalaJS documentation, web development framework, JavaScript framework, full-stack development">
  
  <!-- Author information -->
  <meta name="author" content="Hekima Ambalile Mwala">
  
  <!-- Open Graph meta tags for social media optimization -->
  <meta property="og:title" content="MwalaJS - Help | Documentation for MVC Framework">
  <meta property="og:description" content="Get detailed help and documentation for MwalaJS framework. Learn how to use MwalaJS commands, structure, installation, and more.">
  <meta property="og:image" content="path-to-image.jpg"> <!-- Add your image URL for social media previews -->
  <meta property="og:url" content="https://yourwebsite.com/help"> <!-- Add your actual website URL here -->
  
  <!-- Twitter meta tags for better visibility on Twitter -->
  <meta name="twitter:title" content="MwalaJS - Help | Documentation for MVC Framework">
  <meta name="twitter:description" content="Get detailed help and documentation for MwalaJS framework. Learn how to use MwalaJS commands, structure, installation, and more.">
  <meta name="twitter:image" content="path-to-image.jpg">
  <meta name="twitter:card" content="summary_large_image">
  <meta property="og:url" content="https://mwalajs.biasharabora.com">
  <meta property="og:image" content="https://your-website-url.com/images/mwala-logo.png">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
 
  <!-- Favicon for the website -->
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  
  <!-- Link to external stylesheet -->
  <link rel="stylesheet" href="styles.css">
 
 
  <style>

    
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f4f4f4;
    }

    h1 {
      text-align: center;
      color: #333;
    }

    .container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
    }

    .help-content {
      background-color: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    pre {
      background-color: #2d2d2d;
      color: #f4f4f4;
      padding: 20px;
      border-radius: 8px;
      white-space: pre-wrap;
      word-wrap: break-word;
    }

    .command {
      font-weight: bold;
      color: #5c5c5c;
    }

    @media (max-width: 768px) {
      body {
        font-size: 14px;
      }

      .container {
        padding: 10px;
      }

      pre {
        padding: 15px;
      }

      h1 {
        font-size: 1.5em;
      }
    }

    @media (max-width: 480px) {
      h1 {
        font-size: 1.2em;
      }

      pre {
        padding: 10px;
      }
    }
  </style>
  
  <!-- Structured data for better search engine understanding (JSON-LD) -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebPage",
      "name": "MwalaJS Help Documentation",
      "description": "Get detailed help and documentation for MwalaJS framework. Learn how to use MwalaJS commands, structure, installation, and more.",
      "url": "https://yourwebsite.com/help", 
      "publisher": {
        "@type": "Organization",
        "name": "MwalaJS"
      }
    }
  </script>
  
</head>
<body>
  <!-- Navbar for easy navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
    <div class="container-fluid">
      <a class="navbar-brand" href="/">MwalaJS</a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarNav">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link active" href="steps#overview">Overview</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="steps#installation">Installation</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="steps#commands">Commands</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="steps#structure">Project Structure</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="steps#example">Example Application</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="steps#conclusion">Conclusion</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <div class="container">
    <h1>MwalaJS Framework Help</h1>
    <div class="help-content">
      <p>Available commands for MwalaJS framework:</p>
      <pre>
1. <span class="command">mwala create &lt;appname&gt;</span> - Create a new MVC project. Example: mwala create myapp
2. <span class="command">mwala app.mjs</span> - Run the app.mjs file to start your application.
3. <span class="command">mwala db &lt;command&gt;</span> - Database commands for various database tasks:
    - create-database - Creates a new database.
    - migrate - Run migrations.
    - rollback - Rollback migrations.
4. <span class="command">mwala generate &lt;model/controller/route/view&gt; &lt;name&gt;</span> - Generate various MVC components (models, controllers, routes, and views).
    - Example: mwala generate model user
    - Example: mwala generate controller userController
    - Example: mwala generate route userRoute
    - Example: mwala generate view userView
5. <span class="command">mwala add middleware &lt;middlewareName&gt;</span> - Add a middleware to your project. Example: mwala add middleware auth
6. <span class="command">mwala serve</span> - Start the server (similar to running "mwala app.mjs" or "node app.mjs").
7. <span class="command">mwala help</span> - Show available commands (this command).
8. <span class="command">mwala create-table &lt;table_name&gt;</span> - Create a table in the database. Example: mwala create-table users
9. <span class="command">mwala drop-table &lt;table_name&gt;</span> - Drop a table from the database. Example: mwala drop-table users
10. <span class="command">mwala migrate</span> - Run migrations on the database. Example: mwala migrate
11. <span class="command">mwala rollback</span> - Rollback the last migration. Example: mwala rollback
      </pre>
    </div>
  </div>
</body>
</html>





<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="MwalaJS - A high-performance framework based on the V8 engine, for faster JavaScript, Node.js, and Express applications.">
    <meta name="keywords" content="MwalaJS, Node.js, Express, high-performance framework, JavaScript, V8 engine, MVC, migrations">
    <meta name="author" content="Your Name or Company">
    <meta property="og:title" content="MwalaJS - A High-Performance Framework">
    <meta property="og:description" content="Download MwalaJS, a fast and efficient framework for JavaScript, Node.js, and Express based on the V8 engine.">
    <meta property="og:image" content="https://yourwebsite.com/path/to/mwalajs4_RXv_icon.ico">
    <meta property="og:url" content="https://yourwebsite.com/">
    <title>Welcome to MwalaJS</title>
    <style>
        body {
            background-color: #f4f4f9;
            font-family: Arial, sans-serif;
            color: #333;
        }
        .header-section {
            background: #1e3c72;
            color: white;
            padding: 50px 0;
            text-align: center;
        }
        .header-section h1 {
            font-size: 36px;
            font-weight: bold;
        }
        .content-section {
            padding: 30px;
        }
        .contact-info {
            margin-top: 20px;
            font-size: 18px;
        }
        .contact-info a {
            color: #1e3c72;
            text-decoration: none;
        }
        .contact-info a:hover {
            text-decoration: underline;
        }
        .team-member {
            background-color: #ffffff;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            margin-top: 30px;
        }
        .team-member h3 {
            font-size: 24px;
            font-weight: bold;
        }
        .team-member p {
            font-size: 18px;
            line-height: 1.6;
        }
        .location-map {
            margin-top: 30px;
            height: 300px;
            background: #e0e0e0;
        }
    </style>
</head>
<body>

    <div>
        <h1>Welcome to MwalaJS</h1>

        <p><strong>MwalaJS</strong> is an advanced, high-performance web development framework that leverages the speed and efficiency of the Google **V8 engine**. Whether you're building applications using **JavaScript**, **Node.js**, or **Express**, MwalaJS provides a robust, scalable environment that dramatically improves application performance.</p>

        <h2>Overview of MwalaJS</h2>
        <p>MwalaJS is designed with performance in mind. By utilizing the powerful **V8 engine**, it ensures that JavaScript and Node.js applications run faster than ever before. The framework is built for modern web development, supporting various advanced features that make coding and application deployment smoother, quicker, and more scalable.</p>

        <h3>Core Features of MwalaJS</h3>
        <ul>
            <li><strong>High Performance with Google V8 Engine:</strong> MwalaJS uses the **Google V8 engine** for JavaScript execution, making it one of the fastest frameworks available. This engine ensures rapid compilation and execution of code, significantly boosting performance.</li>
            <li><strong>Supports ES6 and .mjs Files:</strong> Unlike traditional **.js** files, MwalaJS supports **.mjs** files for modularity. This allows for cleaner, more maintainable code with better handling of import/export functionality.</li>
            <li><strong>Full Migration Support:</strong> Just like popular frameworks like **Laravel** and **Django**, MwalaJS supports **full database migrations**. This means you can handle database schema changes smoothly and without hassle, ensuring that your application stays up to date and scalable as it evolves.</li>
            <li><strong>MVC Architecture:</strong> MwalaJS follows the **Model-View-Controller (MVC)** architecture, allowing you to separate your application logic, user interface, and data. This helps keep your codebase organized and easy to maintain, making it suitable for both small projects and large-scale enterprise applications.</li>
            <li><strong>Node.js and Express Integration:</strong> MwalaJS seamlessly integrates with **Node.js** and **Express**, adding advanced functionality and enhancing their capabilities. It simplifies the process of building and deploying server-side applications, allowing developers to focus on building the features that matter.</li>
            <li><strong>Cross-Platform Development:</strong> MwalaJS is cross-platform, allowing you to develop and deploy applications on any operating system. Whether you're working on Windows, Linux, or macOS, MwalaJS ensures your applications run smoothly across all platforms.</li>
            <li><strong>Security:</strong> Security is a key focus of MwalaJS, providing built-in measures to safeguard your applications from common vulnerabilities. The framework is designed to ensure that sensitive data remains protected at all times.</li>
            <li><strong>Open Source and Community Driven:</strong> MwalaJS is an open-source framework, meaning it is continuously improved by a dedicated community of developers. You can contribute, suggest features, report bugs, and help make MwalaJS the best framework for web development.</li>
        </ul>

        <h3>Why MwalaJS?</h3>
        <p>MwalaJS is not just another web development framework. It is a **high-performance platform** that redefines how you build and deploy web applications. Here’s why developers choose MwalaJS:</p>
        <ul>
            <li><strong>Speed:</strong> With the V8 engine under the hood, your JavaScript code runs faster than ever, ensuring that your applications are quick and responsive.</li>
            <li><strong>Efficiency:</strong> MwalaJS is optimized for both performance and ease of use, helping you write more efficient code that is both maintainable and scalable.</li>
            <li><strong>Scalability:</strong> Whether you're building a small web app or a large enterprise system, MwalaJS allows your application to grow with your business. The framework supports robust features that scale as your app’s requirements expand.</li>
            <li><strong>Development Speed:</strong> With MwalaJS’s simplified setup and built-in support for migrations, MVC, and modern JavaScript features, you can build and deploy applications faster, reducing development time and costs.</li>
            <li><strong>Developer-Friendly:</strong> The framework is designed to be easy to learn and easy to use. Developers can start building applications with minimal configuration and documentation is readily available.</li>
        </ul>

        <h3>Getting Started with MwalaJS</h3>
        <p>Getting started with MwalaJS is quick and simple. The framework comes with an easy-to-follow installation process and excellent documentation to help you every step of the way. Whether you're building a small personal project or a large business application, MwalaJS offers the tools and resources to help you succeed.</p>
        
        <p>To install MwalaJS and start using it for your next web development project, simply follow the steps below:</p>
        
        <h4>Step 1: Download the MwalaJS Setup</h4>
        <p>Click on the link below to download the MwalaJS setup file. It includes everything you need to get started, including the necessary dependencies and configurations for your environment.</p>
        <a href="https://yourwebsite.com/path/to/mwalajs_installer.exe" download>
          Download MwalaJS Installer
        </a>

        <h4>Step 2: Set Up Your Development Environment</h4>
        <p>Once you’ve downloaded the installer, follow the on-screen instructions to set up your development environment. MwalaJS is compatible with all major operating systems including Windows, macOS, and Linux, so you can start building immediately.</p>

        <h4>Step 3: Explore the Documentation</h4>
        <p>Visit the official MwalaJS documentation to learn more about how to use the framework’s powerful features. The documentation includes guides, tutorials, and reference materials to help you get up to speed quickly.</p>

        <h3>Conclusion</h3>
        <p>**MwalaJS** is more than just a framework—it’s a powerful, fast, and scalable platform for modern web development. Whether you’re building simple applications or complex enterprise systems, MwalaJS provides everything you need to build high-performance, secure, and maintainable applications. Join the growing community of MwalaJS developers and be part of the next evolution in web development.</p>

        <p>If you’re ready to take your web development to the next level, click the button above to download MwalaJS and start building your future today!</p>

        <footer>
            <p>For more information, visit our official website: <a href="https://yourwebsite.com">MwalaJS Website</a></p>
        </footer>
    </div>

</body>
</html>
