diff --git a/Projects/1-Beginner/ToDo-App.md b/Projects/1-Beginner/ToDo-App.md new file mode 100644 index 00000000..851efc2a --- /dev/null +++ b/Projects/1-Beginner/ToDo-App.md @@ -0,0 +1,36 @@ +# To Do App + +**Tier:** 1-Beginner + +A To Do app helps remind us of tasks that we have to complete and those that are pending so that we can keep track of them. Creating such an app will take you to extend your capabilities as you can do more things in this as you develop. + +You can use any language you would like to use as this project works on pretty much every modern language out there. If you are trying to learn frameworks like [React](https://reactjs.org/) or [React Native](reactnative.dev/), this project will help you extend your capabilities managing states while at the same time, you can make a feature rich UI. + +## User Stories + +- [ ] User can enter a task title and a description +- [ ] User can view uncompleted task list in an UI. +- [ ] User can a task as completed and the to-do will be removed from the list after its complete + +## Bonus features + +- [ ] User can mark a task as complete and those tasks that are complete will be available on the _Completed Tasks_ category +- [ ] Storing the tasks on a db or some kind of data management system +- [ ] Optional timer for every task which will remind the user for completing the task before a specific time + +## Useful links and resources + +- [Doc about arrays](https://www.geeksforgeeks.org/introduction-to-arrays/) +- [Doc about Javascript objects](https://www.w3schools.com/js/js_object_definition.asp) +- [Doc about states, React](https://reactjs.org/docs/state-and-lifecycle.html) + +## Example Projects + +Try to use these only as a reference + +- [Python Tkinter](https://pythonguides.com/python-tkinter-todo-list/) +- [Python Flask](https://www.geeksforgeeks.org/todo-list-app-using-flask-python/) +- [Pure Javascript](https://www.w3schools.com/howto/howto_js_todolist.asp) +- [React Js](https://www.digitalocean.com/community/tutorials/how-to-build-a-react-to-do-app-with-react-hooks) +- [React Native](https://www.freecodecamp.org/news/how-to-build-a-real-time-todo-app-with-react-native-19a1ce15b0b3/) +- [My own react native app (experimental)](https://github.com/psychoSherlock/react-native-todo/) diff --git a/README.md b/README.md index f6557617..d1c66892 100644 --- a/README.md +++ b/README.md @@ -66,6 +66,7 @@ required to complete them. | [Pearson Regression](./Projects/1-Beginner/Pearson-Regression-App.md) | Calculate the correlation coefficient for two sets of data | 1-Beginner | | [Pomodoro Clock](./Projects/1-Beginner/Pomodoro-Clock.md) | Task timer to aid personal productivity | 1-Beginner | | [Product Landing Page](./Projects/1-Beginner/Product-Landing-Page.md) | Showcase product details for possible buyers | 1-Beginner | +| [To Do App](./Projects/1-Beginner/ToDo-App.md) | To do list app | 1-Beginner | | [Quiz App](./Projects/1-Beginner/Quiz-App.md) | Test your knowledge by answering questions | 1-Beginner | | [Recipe App](./Projects/1-Beginner/Recipe-App.md) | Recipe | 1-Beginner | | [Random Meal Generator](./Projects/1-Beginner/Random-Meal-Generator.md) | Generate random meals | 1-Beginner | @@ -85,11 +86,11 @@ required to complete them. | --------------------------------------------------------------------------------- | -------------------------------------------------- | -------------- | | [Bit Masks](./Projects/2-Intermediate/Bit-Masks-App.md) | Using Bit Masks for Conditions | 2-Intermediate | | [Book Finder App](./Projects/2-Intermediate/Book-Finder-App.md) | Search for books by multiple criteria | 2-Intermediate | -| [Calculator CLI](./Projects/2-Intermediate/Calculator-CLI.md) | Create a basic calculator cli. | 2-Intermediate | +| [Calculator CLI](./Projects/2-Intermediate/Calculator-CLI.md) | Create a basic calculator cli. | 2-Intermediate | | [Card Memory Game](./Projects/2-Intermediate/Card-Memory-Game.md) | Memorize and match hidden images | 2-Intermediate | | [Charity Finder App](./Projects/2-Intermediate/Charity-Finder-App.md) | Find a Global Charity to donate to | 2-Intermediate | | [Chrome Theme Extension](./Projects/2-Intermediate/Chrome-Theme-Extension.md) | Build your own chrome theme extention. | 2-Intermediate | -| [Currency Converter](./Projects/2-Intermediate/Currency-Converter.md) | Convert one currency to another. | 2-Intermediate | +| [Currency Converter](./Projects/2-Intermediate/Currency-Converter.md) | Convert one currency to another. | 2-Intermediate | | [Drawing App](./Projects/2-Intermediate/Drawing-App.md) | Create digital artwork on the web | 2-Intermediate | | [Emoji Translator App](./Projects/2-Intermediate/Emoji-Translator-App.md) | Translate sentences into Emoji | 2-Intermediate | | [Flashcards App](./Projects/2-Intermediate/FlashCards-App.md) | Review and test your knowledge through Flash Cards | 2-Intermediate |