Mobile Version
Original Design Mocks


I enjoy building projects and further developing my skills, and this is a side-project as part of that endeavor. It is one of Frontend Mentor’s coding challenges with an Intermediate level. The challenge is to build out a To-do app as close to their provided design mocks and listed requirements, using any tools you’d like – I made it with React.
I wanted to make the app more accessible*, so in my version I added draggable buttons for reordering the list. I also made the alternative design choice of swapping the sun and moon buttons for the light/dark theming.
*I plan to further develop this app with more features, such as editing tasks, and making the list-reordering accessible(keyboard functionality+voice-over). I could have used an external source like the React library react-movable, but I’d prefer the challenge of implementing it myself. Thus, to be continued ;).
Frontend Developer