Zare⚡

A file-based component-based template engine for making your frontend more modular.

Table of Contents

• Installation
• Usage
• Contributing
• License

Installation

Install Using NPM

npm install zare

Usage

To start using the project, follow these steps:

1. Install packages

   npm i express zare

2. Express Setup with Zare

   '/app.js';
   import express from 'express';
   
   const app = express();
   const port = 3000;
   
   app.set('view engine', 'zare');
   
   app.get('/', (req, res) => {
     res.render('index', { text: 'World' });
   });
   
   app.listen(port, () => console.log('Running at http://localhost:3000'));

3. Create a index.zare file in views folder and paste

   // views/index.zare
   serve (
       <h1>Hello, @(text)</h1>
   )

4. Run express app

   node app.js

5. Open any browser and navigate to

   http://localhost:3000/

Example

    serve (
        <p>Welcome To Zare</p>
    )

Contributing

• Fork the repo.
• Create a new branch (git checkout -b feature-name).
• Make changes and commit them (git commit -am 'Add new feature').
• Push the branch to your fork (git push origin feature-name).
• Open a pull request to the main branch with a detailed description of your changes.
• If you found an issue, please open a GitHub issue before creating a PR.

License

This project is licensed under the MIT License - see the LICENSE file for details.