shubhankar-mern / Express-HTMX-Template

A simple and small template for various functionalities of HTMX using Node-Express as the backend

Express-HTMX-Template

A simple and small template for various functionalities of HTMX using Node-Express as the backend

Description

Express-HTMX-Template is a Node-Express project that helps you understand the power of HTMX.

The HTMX framework enhances HTML by giving you the ability to access AJAX requests, transitions, WebSockets, and Server Sent Events right from your markup.

Features

• Send GET and POST requests to your server from HTML.
• Change view and add or remove elements without the need to reload.

Requirements

• Nodejs on your system or on your deployment environment.

Installation

To install and run friend.ly on your local machine, follow these steps:

1. Clone the repository:

   git clone https://github.com/subinoybiswas/Express-HTMX-Template.git
   

2. Navigate to the project directory:

   cd Express-HTMX-Template
   
   

3. Install the dependencies:

   npm install
   

Configuration

Installing HTMX or including HTMX is pretty simple. Just add a script tag with the source. See below-

<script
      src="https://unpkg.com/htmx.org@1.9.5"
      integrity="sha384-xcuj3WpfgjlKF+FXhSQFQ0ZNr39ln+hwjN3npfM9VBnUskLolQAcN80McRIVOPuO"
      crossorigin="anonymous"
    ></script>

Deploymonet

To run this project, make sure you have successfully installed the dependencies and you are in the root of the project. Now run the following command:

npm start

Contributing

Contributions to Express-HTMX-Template are welcome! If you find any bugs, have feature requests, or want to contribute code, please open an issue or submit a pull request to the project repository.