Project Name : Mini Dictionary version_1
Repo URL : view
Live Host : view
Table Of Content
- Name of Project , Domain , Target Audience
-
Purpose of Project
-
Tools and Technologies
-
Project Discription in Detail
-
Challenges & Solution
- Advantages and Disadvantages
Name Of Project : Mini-Dicitionary
Domain : Educational
Target Audience :
- Specially for Teacher and Students
- Any Personal Who needs or curious to about known about Word’s Meaning , Example and Sentense
Purpose of Project
- Learning Use Fetch API in JavaScripts
- Update Data Without Loading whole page using Vanila JS .
- Use DOM : Document About Models
- Deployed Statics site in GIthub Pages
- Play With API process JSOn and represent data into HTML Pages
-
Technologies
Front-End Technologies |
Version |
HTML |
5 |
CSS |
3 |
Bootstrap |
5.1 |
JavaScript |
ES6 |
-
Develoyment
Tools |
Name |
Deployement |
Github Pages |
Project Discription in Detail
Project Building Flow
-
Create HTML , CSS , JS Files
-
Create Form and Add DOM functionality in to HTML Form
-
If Form Submit then get extract input_data from a form using DOM
-
In api’s endpoint concatenate the input_data as string return as a new_url
-
Fetch api call the new_url send get request
-
after Wait get the JSON response and represent in proper manner using DOM
-
Done
Challenges & Solution
- API response some times create an Issues . JSOn response changes
- Update it Every time Manually .
- Present 5 Synonyms but some word is not showing will not more than 5 , so rest are Showing Undefined
- Add an if undefined showing its not showing
Advantages
- No App Needs to Installed Run On
- Static App and Host into Github pages
Disadvantagea
- No Word is Pronouce
- Some word Meaning is not found
All Disadvantage I’ll Will be feature for the next Version