https://github.com/drakealia/js-wikipedia
Based on John Smilga's js course
https://github.com/drakealia/js-wikipedia
Last synced: about 1 month ago
JSON representation
Based on John Smilga's js course
- Host: GitHub
- URL: https://github.com/drakealia/js-wikipedia
- Owner: DrakeAlia
- Created: 2022-05-27T17:34:01.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2022-06-05T19:30:31.000Z (about 4 years ago)
- Last Synced: 2025-02-22T04:26:24.845Z (over 1 year ago)
- Language: CSS
- Homepage:
- Size: 548 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#### HTML Structure
- section.wiki
- div.container
- img
- h3(text)
- form.form
- input.form-input type='text'
- button.submit-btn (search) type='submit'
- div.results
- div.articles
- a
- h4
- p (lorem20)
#### API DOCS
- [wiki docs](https://www.mediawiki.org/wiki/API:Main_page)
- ready to go url's
#### Initial Setup
- select form, input, results (X)
- listen for submit events (X)
- if empty value, display error (X)
- create fetchPages() (X)
- pass valid input value into the fetchPages() (X)
#### Fetch Pages
- display loading while fetching (X)
- construct dynamic url (X)
- display if error (X)
- display error no items (X)
- create renderResults() (X)
- pass valid results into renderResults() (X)
#### Render Results
- iterate over the list (X)
- pull out title, snippet, pageid (X)
- setup a card (X)
- set results with div.articles and list inside (X)