AniQuote

A random anime quote generator with quotes powered by Animechan API. Built with ❤ using Django, htmx and Skeleton.

About

Main goal of the website was to create a single page application using Django as backend to keep track of the likes and views a quote. Using htmx I was able to make the site interactive with little to no JavaScript used. Skeleton helped me quickly set up the site's structure.

Features

• Get a random quote from Animechan.
• Get a specific quote filtered by anime.
• Anonymously like quotes.
• View a list of top 3 most liked quotes.

Walkthough

GIF created with LiceCap.

Notes

• Used Manuel Pinto's CodePen to achieve the moving gradient backend.
• Font by Google Font and Icons by Font Awesome.

Open-source libraries used

• htmx - Access AJAX, CSS Transitions, WebSockets and Server Sent Events directly in HTML, using attributes
• Skeleton - Responsive CSS Boilerplate