A simple web site to search for gifs using Giphy. Time boxing to 4-5 hours of work.
- Pagination
- Adjust Page count 25 50 75
- Use Search params to indicate current offset
- When clicking on a gif it should try and share it
Plenty this is a simple website and there are edge cases that are not accounted for.
- The Giphy sdk couldn't be used because of use of
type="module"
in package.json field - It's not a responsive design and is best used on a desktop monitor
- It exposes the api key client side opening it up for abuse
- The entire repo lacks tests but time boxing this didn't really allow for that
- Navigation buttons do not update results when used
- Needs more rich styling, animations, and a better empty state
- Accessibility needs to be audited and fixed
- Bun >= 0.5.9
- vscode
- Docker
- none
- Clone repository and ensure you have bun >= 0.5.9 installed
- Run
bash setup.sh
- Install docker on local machine
- Ensure docker desktop daemon/app is running
- Open new window for VSCode
ctrl/cmd + shift + p
- Search for Dev Containers:Clone Repository in Container Volume
- Enter this repo name plaited/utils
- Wait for it to download and set everything up
- Open a VSCode terminal tab and run
zsh setup.sh
- Login into github
- Click on green code button and create codespace
- In codespaces terminal run
zsh setup.sh