Skip to content
Submitted about 2 years ago

Responsive todo list using react typescript

Nathan Zed•120
@TKSHII
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Todo app
  • HTML
  • CSS
  • JS
3intermediate

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

  • oluwole ibukun•0
    @blackchef17Posted about 2 years ago

    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
    @TKSHIIPosted about 2 years ago

    @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

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