diff --git a/Projects/1-Beginner/Dictionary-App.md b/Projects/1-Beginner/Dictionary-App.md new file mode 100644 index 00000000..0cf7154c --- /dev/null +++ b/Projects/1-Beginner/Dictionary-App.md @@ -0,0 +1,25 @@ +# Dictionary App + +**Tier:** 1-Beginner + +Create a dictionary app where you can search for words and it outputs word meaning, pronunciation, and usage example using `dictionaryapi`. A free dictionary api. + +## User Stories + +- [ ] Enter a word into the `input` field. +- [ ] By pressing enter, the user submits the word which updates the `DOM` with the word meaning, pronounciation, part of speech, and examples. + +## Bonus features + +- [ ] Add audio word pronouncitation to the dictionary web app using the data from the `dictionaryapi`. + +## Useful links and resources + +- [Dictionary API](https://dictionaryapi.dev/) +- [Coding Artist](https://codingartistweb.com/2021/09/dictionary-app-html-css-and-javascript/) +- [Coding a Dictionary App using HTML, CSS And Javascript](https://www.youtube.com/watch?v=PUkgK7TI0x0) +- [tuhamworld](https://github.com/tuhamworld/dictionary-app) + +## Example projects + +- [Dictionary App on Live Preview](https://de-dictionary.vercel.app) by [Tunde Sanusi]