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 with React Typescript and testing (E2E,Component Testing,..)

caner404 280

@caner404

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


With this project, I wanted to gain my first knowledge of React and improve my testing skills at the same time. I came across the concept of "outside-in TDD" a while ago and found it very fascinating. With this project I wanted to improve my understanding of this concept. With the concept of outside-in TDD, the first thing you do is write an E2E test that describes the feature you want to implement. This E2E test will fail at the beginning, like any test in TDD. To get the E2E test executable correctly, you need to develop the implementation details such as a component. You can also write tests (component testing) for this component. A link to the concept with an example in React or Vue is included in the README of the project

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