Skip to content

A minimalist dictionary that gives you the definition without the fluff. Data retrieved using Merriam-Webster API

Notifications You must be signed in to change notification settings

jonathanmani/My-Pocket-Dictionary

Repository files navigation

My Pocket Dictionary

A Pocket Dictionary that gives you the main definitions of a word. Site it fully responsive and using Merriam-Webster API

Fully Hosted Working app can be found here: https://mypocketdictionary.netlify.app

Dictionary

How It's Made

Tech: HTML, CSS, JavaScript, API

I made an API call to the Merriam Webster API to retrieve the definitions. Since the API is quite a dense object, I loaded data into variable and then passed these variables into the DOM. TailwindCSS and DaisyUI were used as styling components

Optimizations

I stored deeply embedded data in variables for easy access. For future implementations, I plan to include functionality to handle user typos.

Lessons Learned

Some APIs have a lot of data and it can become cumbersome to search for specifics. Always read API documentation and implement easy to read variables in your code for future readability

Check Out My Other Work

Pomodoro Task Tracker - Create tasks, set your priority and record pomodoro sessions with this all-in-one task tracker

DailyUI - A collection of Front End designs made using TailwindCss and React

InstaPrep - Your meals should be an accident. Plan them in minutes with InstaPrep

About

A minimalist dictionary that gives you the definition without the fluff. Data retrieved using Merriam-Webster API

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published