ArchiveBox / ArchiveBox

🗃 Open source self-hosted web archiving. Takes URLs/browser history/bookmarks/Pocket/Pinboard/etc., saves HTML, JS, PDFs, media, and more...
https://archivebox.io
MIT License
20.75k stars 1.12k forks source link

Feature Request: UI Rework #1273

Open aitorllj93 opened 9 months ago

aitorllj93 commented 9 months ago

Type

What is the problem that your feature request solves

This comes from a conversation with @pirate in the REST API status question. We both agree that would be nice to add a new UI to the project including state-of art technologies and patterns and improving the user experience

Describe the ideal specific solution you'd want, and whether it fits into any broader scope of changes

New FrontEnd built on top of Django Templates. Tailwind for the styles instead of Bootstrap. Possibly HTMX in case we need to add some extra JS logic. Additionally, we might need some additional JS libraries or components, in those cases we should have an open talk about the specific cases and reach to an agreement, by trying to minimize the impact on the application overall


cc @pirate @zblesk

aitorllj93 commented 9 months ago

@pirate feel free to assign me the issue, I can work on some prototyping this weekend so I can show you my ideas and we can define the scope and features that would be nice to include. I can also try to start including tailwind in the project although it's my first time with Django so I might need some help on that. Let me know if there's anyone else worth it to mention on the UI topic, I would love to hear some feedback on usability improvements we can include.

aitorllj93 commented 9 months ago

This is an example of a previous pet project I worked on during my first try on HTMX. All the interactions, including the right drawer are built using htmx & tailwind. The only custom javascript there is for the epub reader library, which is an isolated template rendered after the html or htmx navigate to that specific page.

https://github.com/ArchiveBox/ArchiveBox/assets/5903438/59c94c3a-e3be-40b9-a25a-57b2cd237bce