JavaScript_Dictionary_App

Mini-Word Glossory App Words with meaning usin Dictionary API

JavaScript Word Dictionary App

This is a Pet project i used to master my API and CSS to help me improve me Javascript coding skills by building realistic projects.

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

Create a very simple UI and fetch data from a provided(Word Dictionary - api.urbandictionary.com) API

The challenge

My challenge was to build out this Word Dictionary app using the Uban Dictionary API so that user would be able to:

get Words and their meaning With a simple UI

ScreenShot

Links

• Live Site URL: https://javascript-word-dictionary.vercel.app/

My process

• Creatively create responsive landing page using pure CSS, i was greatly inspired by the work of others projects
• I simply linked must of my html tags with Vanilla javascript in order to fetch data from the Urban Dictionary API and display it.

Built with

• Semantic HTML5 markup
• pure CSS
• Flexbox
• CSS Grid
• Mobile-first workflow
• Vanilla Javascript

What I learned

• How to fetch data through API
• How to create mobile-first project

Continued development

• I would like to create Javascript glossory API and link it to the project
• I would equally like to create a random image gallery APi as well
• Create a random music player using any music API

Useful resources

• https://dictionaryapi.dev/
• css documentation

Author

Linktree = linktr.ee/Danities Twitter - @danitiestech