https://github.com/teotimepacreau/bookmark-reader-using-raindrop-api-day20-of-100daysofcode
Bookmark reader using Raindrop API
https://github.com/teotimepacreau/bookmark-reader-using-raindrop-api-day20-of-100daysofcode
100daysofcode api bookmark-reader bookmarks bookmarks-bar css html javascript postman raindrop raindrop-api raindrop-io vanillajs view-transitions-api
Last synced: 2 months ago
JSON representation
Bookmark reader using Raindrop API
- Host: GitHub
- URL: https://github.com/teotimepacreau/bookmark-reader-using-raindrop-api-day20-of-100daysofcode
- Owner: teotimepacreau
- Created: 2023-05-31T16:56:50.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2023-05-31T17:18:54.000Z (about 3 years ago)
- Last Synced: 2025-01-15T10:32:41.027Z (over 1 year ago)
- Topics: 100daysofcode, api, bookmark-reader, bookmarks, bookmarks-bar, css, html, javascript, postman, raindrop, raindrop-api, raindrop-io, vanillajs, view-transitions-api
- Language: CSS
- Homepage: https://teotimepacreau.github.io/Bookmark-reader-using-Raindrop-API-Day20-of-100DaysOfCode/
- Size: 2.41 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bookmark-reader-using-Raindrop-API
https://github.com/teotimepacreau/Bookmark-reader-using-Raindrop-API-Day20-of-100DaysOfCode/assets/95431443/b5ea112c-9f15-4f0d-a23e-caf749f5e7fc
# Project Goals
- fetching API for every article entry
- learning POSTMAN GET process to unlock access_token
- asynchronous code
- for...of loop to display article title, tag and domain
- format Date european way with Date() JS method
- filter by tag using reduce method to retrieve all the unique tags
- tag counter for each tag using a tag count object that is incremented within the for...of loop
- filter "ALL" that display every articles
- dynamic style forEach tag filter using a nested for...of loop inside an eventListener inside a forEach loop
- View Transitions API to get a sliding effect when clicking on a filter
# 🛠️
VanillaJS, CSS, HTML