/fasthtml-example

Example fasthtml applications demonstrating a range of web programming techniques

Primary LanguageCSSApache License 2.0Apache-2.0

FastHTML Example Apps

This repository contains a collection of example applications built using FastHTML, demonstrating various features and use cases. Here are some of the highlighted apps:

1. Game of Life

An interactive implementation of Conway's Game of Life, showcasing real-time updates and multi-client synchronization through WebSockets.

Game of Life Animation

Key features:

  • Interactive Game of Life grid
  • Real-time updates across multiple clients
  • WebSocket integration for live synchronization

View Game of Life App

2. Todo App

A simple yet functional Todo list application demonstrating dynamic updates and database integration.

Key features:

  • Add, edit, and delete todo items
  • Mark todos as complete
  • Real-time updates without page reloads
  • SQLite database integration

View Todo App

3. Chatbot

Chatbot Screenshot

A simple chatbot, showcasing custom styling with DaisyUI for the chat message bubbles. Includes different approaches to handling chat message updates.

View Chatbot App

4. Pictionary

Pictionary Screenshot

Sending user drawings to a multi-modal AI model for continuous captioning.

View Pictionary App

Additional Examples

The remaining examples are a collection of smaller demos and utilities showcasing various features of FastHTML. These are proof-of-concepts and demos rather than full-fledged applications, but should still show some useful patterns and techniques you can use in your own projects.

Running the Apps

Each app is contained in its own directory. To run an app:

  1. Navigate to the app's directory
  2. Install the required dependencies (usually with pip install -r requirements.txt)
  3. Run the app using the command specified in the app's README (typically uvicorn main:app or python main.py)

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

MIT License

Acknowledgements

These examples were created to showcase the capabilities of FastHTML, a Python framework for building dynamic web applications.