Go Back

Notable

API
Application
Gemini AI
PHP
Laravel
Tailwind CSS
Postgres
Docker Compose

2025 - 02 - 12

A project made with Laravel and Livewire that allows you to upload scans of handwritten notes that get converted to markdown and formatted to display nicely. Uses Google Generative AI API to produce semantically correct output. Dockerized deployment.

Screenshot of Notable application landing page

Notable - Smartly converts scanned handwritten notes to markdown

This project is an excercise in making static site feel like SPA application. Built with Laravel + Livewire leveraging modern approach to Ajax.

Live Site   Source Code  

Why?

The base rerquirements was a Laravel-based CRUD website. This expanded into this slightly more ambitious project.

What principles?

  • Exploring a modern Ajax based technology (Livewire) to enhance basic requirements for a PHP CRUD app.
  • Implementing an interesting use case for AI generative technology that isn’t yet another chatbot.
  • Learning to deploy a dockerized application (PHP dependency hell made me do it ;)
  • Leverage modern PHP to create an actual MVP of an application rather than static site from 20 years ago.
  • Learn to deploy inside of a dockerized setup, with controlled dependencies.

Features

  • Markdown displays automatically formatted

Example processed note

  • Basic responsive design, light and dark mode etc.

Light theme

  • Dynamic, searchable ui

Searchable items list as accoridion with live search

  • Markdown editor

Markdown editor

  • Dockerized deployment instance with PHP-FPM and POSTGRES images.

Running in docker