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

Todo App built with React and Tailwind CSS

#accessibility#react#tailwind-css#lighthouse
P
Ken 4,915

@kens-visuals

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


This project helped me to learn and practice manipulating states in React. Although, I used useReducer in the last project, I left like I need more practice with it. So, to-do app was a perfect opportunity to play with useReducer a bit more. I also used context for the first time, createContext and useContext hooks were pretty easy to use. I felt kind of lost in the beginning, but then got back on the track with them. Thanks to TailwindCSS implementing dark mode was really easy. And with the help of custom context that I made to toggle the theme, everything felt way easier than if I tried to do it with pure CSS or styled-components. So I can surely say that TailwindCSS is becoming one of my favorite, if not the most favorite, tool in terms of styling technologies.

Community feedback

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