zsrobinson / remix-todo Goto Github PK
View Code? Open in Web Editor NEWDemo Remix App using Prisma ORM
License: MIT License
Demo Remix App using Prisma ORM
License: MIT License
While the user is waiting for a new list to be created, they might end up clicking the submit button a few times since there is no loading UI as of now. This shouldn't be a problem if the button was properly disabled after submission, but it's not. Multiple submissions are already prevented when adding a new todo item, so it shouldn't be too hard to reimplement that logic.
After initializing the database, there are no default lists. So when /list tries to redirect to the first list in the database, it just throws an error. Instead, a default list should be created if there are no lists in the database.
Currently, the only way to edit a todo item is to delete it and create a new one, which isn't a great experience. Instead, it would be nice to show an edit and delete button when hovering over an item. The UI for editing an item could be similar to creating a new one, with a text input in place of where the title of an item would normally be.
Not sure how well the screenshot shows this (and ignore the test list names1), but in the case that there are more lists than vertical real estate, the sidebar doesn't look quite right. This should hopefully just need an overflow property or something along those lines so that the list of lists will just scroll when there are too many.
Some people prefer to have their eyes blinded by their computer screens, and that's okay. Light/dark mode preferences could be stored in session storage (or something to that effect), or it could just follow the prefers-color-scheme thing from the user's OS. For simplicity, I'm leaning toward the latter.
It would also be cool if the favicon changed based on the user's preferred color scheme, something I haven't attempted before. An example of this can be shown below from GitHub.
Currently, the favicon and title are just the default from create-remix. Instead, it would be best for the favicon to include the square rounded check icon from Tabler Icons (or its filled variant) and for the title to say the name of the app and the current list (ex. Remix Todo · Shopping List).
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.