State Management, Downloads, Productivity
Web App

Big List is, well... a big list.

Seriously, that's it! It's a checklist designed with oversized type. It's probably for designers, but maybe it will catch on with others too.

This was a fun weekend project to complete and is my best example of several areas where I've been improving my proficiency and understanding. One of these features was a proprietary drag-and-drop implementation, which is even supported on mobile devices for this web app.

Big List uses the browser's localStorage API to make sure user data is never exposed to the internet. To allow moving lists between devices, I added an import/export feature which lets users combine multiple lists or replace an old list.

This feature supports file imports and pasted imports, with error handling for unexpected inputs.

Finally, Big List also tracks revision history of the current session, so you can undo or redo up to 50 consecutive actions.

Technologies

Javascript ES6

I used vanilla Javascript to write clean, minimal code that outperforms framework and library implementations.

esbuild

The source code was split up into components and templates, so esbuild was the fastest way to bundle and minify the application.

Netlify

I'm hosting Big List on Netlify and deploying from its GitHub repository.

Try the demo
Check the source code