Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/thekiranmahajan/random-emoji-picker
A simple JavaScript project which retrieves data from an emoji-based API and stores that into an array which gets data in the form of objects having 2 key value pairs character: "๐" and title: "cool". title gets sliced using string method and everything is pushed using a for loop and an eventListener is being called on every HTML element click.
https://github.com/thekiranmahajan/random-emoji-picker
async-await css dom-manipulation fetch-api for-loop html javascript responsive-design
Last synced: about 12 hours ago
JSON representation
A simple JavaScript project which retrieves data from an emoji-based API and stores that into an array which gets data in the form of objects having 2 key value pairs character: "๐" and title: "cool". title gets sliced using string method and everything is pushed using a for loop and an eventListener is being called on every HTML element click.
- Host: GitHub
- URL: https://github.com/thekiranmahajan/random-emoji-picker
- Owner: thekiranmahajan
- Created: 2024-01-05T14:23:25.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-05T16:33:51.000Z (about 1 year ago)
- Last Synced: 2024-11-29T02:29:54.719Z (2 months ago)
- Topics: async-await, css, dom-manipulation, fetch-api, for-loop, html, javascript, responsive-design
- Language: CSS
- Homepage: https://random-emoji-picker-ray.vercel.app
- Size: 4.88 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## ๐๐ฒ๐ฟ๐ฒ ๐ถ๐ ๐ฎ๐ป๐ผ๐๐ต๐ฒ๐ฟ ๐๐ฎ๐๐ฎ๐ฆ๐ฐ๐ฟ๐ถ๐ฝ๐ ๐ฃ๐ฟ๐ผ๐ท๐ฒ๐ฐ๐ {๐ฒ/๐ญ๐ฎ}: ๐ฟ๐ฎ๐ป๐ฑ๐ผ๐บ-๐ฒ๐บ๐ผ๐ท๐ถ-๐ฝ๐ถ๐ฐ๐ธ๐ฒ๐ฟโ
๐GitHub: https://github.com/thekiranmahajan/random-emoji-picker
๐ปLive: https://random-emoji-picker-ray.vercel.app/
https://github.com/thekiranmahajan/random-emoji-picker/assets/91893931/7df0a191-b9fd-4cb2-a12f-c947e4c3f668
## โFEATURESโ
๐ญ Data retrieval from an emoji-based API using fetch API
๐ญ Pushing data in an empty array in the form of objects
๐ญ Slicing the string for desired output in the object
๐ญ DOM manipulation and function call with an eventListener
๐ญ Doing UI changes for errors and successful API calls
๐ญ Holding functions using async await for asynchronous programming
๐ญ Awesome CSS property utilization
### Please follow for such creative sometimes complex sometimes simple but detailed projects๐
#frontenddeveloper #learninpublic #liveprogress #dsa #javascriptprogramming #javascriptproject #javascript #beginnerfriendly
#linkedin #jobs #internship #mernstack #fullstack Neeraj Walia Harkirat Singh #learningssharing