A thingy to load up a GIF for copying to the clipboard, so you can paste it in a chat. My friend mentioned something like this would be cool when I told him I was learning javascript, and so I built it!
Link to project: https://www.andyglover.io/gif-thingy/
Tech used: HTML, CSS, JavaScript
You can fork this! How to use it:
- Put your GIFs in the "gifs" directory
- Type the name of the .GIF you want to load (without the extension) into the form on index.html.
- Click enter and your GIF appears on the page!
I'd like to learn how to make this project detect what GIF files are present in the directory, and then display thumbnails of them on the page.
This project gave me some good practice with:
- Arrow functions
- Event listeners
- Setting attributes
- Template literals
- Query selectors
- Form submit and the preventDefault function
Here's a few more repositories of mine you might like to check out:
Admin Dashboard: https://github.com/andyglover/odin-project-admin-dashboard
Calculator: https://github.com/andyglover/odin-calculator
Library: https://github.com/andyglover/odin-project-library
Restaurant: https://github.com/andyglover/odin-project-restaurant
Rock Paper Scissors: https://github.com/andyglover/odin-rock-paper-scissors
Tic-Tac-Toe: https://github.com/andyglover/odin-project-tictactoe