├── github.jpeg ├── preview.jpeg ├── .gitignore └── README.md /github.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/coding-in-public/react-todo-app-with-local-storage/HEAD/github.jpeg -------------------------------------------------------------------------------- /preview.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/coding-in-public/react-todo-app-with-local-storage/HEAD/preview.jpeg -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # React Todo App with Local Stroage 2 | 3 | During the course of this series, we’ll use React to build out a todo app that saves and loads to local storage. 4 | 5 | [📹 Link to YouTube video 📹](https://youtu.be/7u2Rv4HfCYQ) 6 | 7 | ![Preview of Landing Page](./preview.jpeg) 8 | 9 | ## Lesson Help 10 | If you get stuck on any lesson in the series, navigate to the course branch for your current lesson and view or download the code for more help. 11 | 12 | ![Preview of downloading code in github](./github.jpeg) 13 | 14 | To get a project up and running: 15 | 1. Unzip the project you downloaded. 16 | 2. Open the unzipped directory in you code editor. 17 | 3. Run `pnpm install` to install all the dependencies. 18 | 4. Run `pnpm run dev` to start the app. 19 | 20 | ## Assumptions 21 | In this series, I’ll assume you have a working knowledge of HTML and vanilla JavaScript. It would also help to have a basic understanding of React. 22 | 23 | ## Connect With Me 24 | - My YouTube Channel: https://www.youtube.com/c/CodinginPublic 25 | - Website: https://codinginpublic.dev 26 | - Blog: https://chrispennington.blog 27 | - Twitter: https://twitter.com/cpenned 28 | - Patreon: https://www.patreon.com/coding_in_public 29 | 30 | --------------------------------------------------------------------------------