# Building a Todo List App

**URL:** https://forum.kirupa.com/t/building-a-todo-list-app/639951
**Category:** programming
**Created:** [June 18, 2019, 2:26pm UTC](https://forum.kirupa.com/t/building-a-todo-list-app/639951 "2019-06-18T14:26:56Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![fast\_developer](https://avatars.discourse-cdn.com/v4/letter/f/e9bcb4/32.png) [@fast\_developer](https://forum.kirupa.com/u/fast_developer)
#### Post date: [June 18, 2019, 2:26pm UTC](https://forum.kirupa.com/t/building-a-todo-list-app/639951/1 "2019-06-18T14:26:56Z")

</div>

Hi Kirupa,

I really enjoyed and got alot out of your tutorial on youtube [14. Building a Todo List App in React](https://www.youtube.com/watch?v=h5crrOsLbpk) .

I’ve tried to develop the same React.app using your tutorial however I keep getting undefined React errors when I run the code. I would be grateful if you could look at it and make some suggestions. [https://github.com/webtec-cryto/ToDoList-App](https://github.com/webtec-cryto/ToDoList-App)

Keep up the great tutorials

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [June 20, 2019, 4:27am UTC](https://forum.kirupa.com/t/building-a-todo-list-app/639951/2 "2019-06-20T04:27:27Z")

</div>

Hi @fast_developer! Welcome to the forums 🙂

Can you post your exact errors?

I’m looking through your code, and I notice that the brackets aren’t matched in many places. Take a look at my version here and see where the deltas are: [https://github.com/kirupa/kirupa/tree/master/reactjs/todolist/src](https://github.com/kirupa/kirupa/tree/master/reactjs/todolist/src)

If you are still unable to see what is going wrong, I can try to see what else may be up.

---

<div class="post-metadata">

### Author: ![fast\_developer](https://avatars.discourse-cdn.com/v4/letter/f/e9bcb4/32.png) [@fast\_developer](https://forum.kirupa.com/u/fast_developer)
#### Post date: [June 20, 2019, 8:58am UTC](https://forum.kirupa.com/t/building-a-todo-list-app/639951/3 "2019-06-20T08:58:13Z")

</div>

Hi Kirupa,

Thanks for getting back to me, I will also look at your version on github.  
As requested here is the exact error code when I run it:

./src/todoitems.js  
Line 12: ‘items’ is not defined no-undef  
Line 40: ‘e’ is not defined no-undef  
Line 42: ‘deleteItem’ is not defined no-undef  
Line 42: ‘key’ is not defined no-undef  
Line 43: ‘key’ is not defined no-undef  
Line 46: ‘item’ is not defined no-undef  
Line 46: ‘key’ is not defined no-undef  
Line 54: ‘render’ is not defined no-undef  
Line 56: ‘React’ must be in scope when using JSX react/react-in-jsx-scope  
Line 57: ‘React’ must be in scope when using JSX react/react-in-jsx-scope  
Line 58: ‘React’ must be in scope when using JSX react/react-in-jsx-scope  
Line 59: ‘React’ must be in scope when using JSX react/react-in-jsx-scope  
Line 62: ‘React’ must be in scope when using JSX react/react-in-jsx-scope  
Line 65: ‘React’ must be in scope when using JSX react/react-in-jsx-scope

Search for the keywords to learn more about each error.

---

<div class="post-metadata">

### Author: ![fast\_developer](https://avatars.discourse-cdn.com/v4/letter/f/e9bcb4/32.png) [@fast\_developer](https://forum.kirupa.com/u/fast_developer)
#### Post date: [June 21, 2019, 10:02am UTC](https://forum.kirupa.com/t/building-a-todo-list-app/639951/4 "2019-06-21T10:02:14Z")

</div>

I’ve gone back over the files, corrected my mistakes. When I run the code I get this error message:

./src/TodoList.js  
Module not found: Can’t resolve ‘react-flip-move’ in ‘C:\Users\info\todo\src’

Thanks in advance,

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [June 21, 2019, 1:39pm UTC](https://forum.kirupa.com/t/building-a-todo-list-app/639951/5 "2019-06-21T13:39:20Z")

</div>

Have you imported the flip move code? In your command line, run:

`npm i -S react-flip-move`

That should fix the error :battery:
