Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive todo list using react typescript

Nathan Zed 120

@TKSHII

Desktop design screenshot for the Todo app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Here is my responsive result ! Done with ReactJS with "create-react-app" with some Typescript.

I dont need redux for state management because i use the context API from React.

Hope you enjoy, comment below if you want to give me advice ! 🙂

Community feedback

@blackchef17

Posted

Hello Nathan I’m currently working on this project,I’m having issues with the entire project I don’t seem to understand if the “create a new todo list” is an input tag or if the round circle beside it is a radio/checkbox or designed using div… Please I’ll appreciate it if you can get back to me Thank you 🙏🏾

0

Nathan Zed 120

@TKSHII

Posted

@blackchef17 Hello ! I put a button tag with a border and a border-radius to make it rounded

It looks like a checkbox like above but its a simple button :) You can check my code in TodoInput.tsx & .css

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord