Rapid Prototyping with Flask, Bootstrap and Secutio

1. secutio

   1 4 2 9.2 JavaScript

   Makes the difficult parts easy. It's like htmx but different!

   

   Secutio is a project in the early stages of development with the goal of simplifying the creation of dynamic content in a straightforward manner. The vision is that anyone should be able to build a web application using only HTML, stylesheets, and a JSON structure where "tasks" are specified.

2. SurveyJS

   surveyjs.io featured

   SurveyJS: Build JSON-Driven Surveys and Forms with Full Data Control. Add the SurveyJS UI components to your JS app (React/Angular/Vue3). Securely collect and analyze data without sending it to 3rd-party servers. Fully customizable, works with any backend, and ideal for data-heavy apps. Learn more.

   

3. htmx

   2 662 46,845 9.4 JavaScript

   </> htmx - high power tools for HTML

   

   The example outlined in this article mimics the "click to edit" functionality found in the htmx framework. Similar to htmx, this framework offers a method to enable inline editing of all or part of a record without the need for a page refresh.

4. Bootstrap

   3 596 173,842 9.5 MDX

   The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.

   

   To make the demo more interesting, we will use the Bootstrap framework and Flask as the backend.

5. Flask

   4 149 70,938 7.9 Python

   The Python micro framework for building web applications.

   

   #!/usr/bin/python # # https://flask.palletsprojects.com/en/3.0.x/installation/ # from flask import Flask, jsonify, request contacts = [ { "id": "1", "firstname": "Lorem", "lastname": "Ipsum", "email": "lorem.ipsum@example.com", }, { "id": "2", "firstname": "Mauris", "lastname": "Quis", "email": "mauris.quis@example.com", }, { "id": "3", "firstname": "Donec Purus", "lastname": "Purus", "email": "donec.purus@example.com", } ] app = Flask(__name__, static_url_path='', static_folder='public',) @app.route("/contact//save", methods=["PUT"]) def save_contact(id): data = request.json contacts[id - 1] = data return jsonify(contacts[id - 1]) @app.route("/contact/", methods=["GET"]) @app.route("/contact//edit", methods=["GET"]) def get_contact(id): return jsonify(contacts[id - 1]) @app.route('/') def root(): return app.send_static_file('index.html') if __name__ == '__main__': app.run(debug=True)

Suggest a related project