https://github.com/mrsaeeddev/giphy-api-spa
A single page app that leverages data from the Giphy API
https://github.com/mrsaeeddev/giphy-api-spa
Last synced: about 1 year ago
JSON representation
A single page app that leverages data from the Giphy API
- Host: GitHub
- URL: https://github.com/mrsaeeddev/giphy-api-spa
- Owner: mrsaeeddev
- Created: 2021-11-11T06:28:05.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-11-13T09:37:19.000Z (over 4 years ago)
- Last Synced: 2025-04-08T04:44:07.886Z (about 1 year ago)
- Language: TypeScript
- Size: 266 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Giphy API SPA
A single-page web application that leverages data from the Giphy API
### Running the project locally
- Clone the project
- Make sure you've Node and NPM installed
- Run `npm install` in the main dir of the project
- Run `npm start` to start server
- View the project in your browser
### Running the tests locally
- Setup [Cypress](https://docs.cypress.io/guides/getting-started/installing-cypress)
- After finishing setup, run `npx cypress open-ct` to see the tests running in Chrome
- If you want to see tests in the headless mode, run `npx cypress run-ct`
### Notes
- There's a problem with GIPHY API in which it gives wrong `total_count` and `count` values in `pagination` object in some initial offset calls (sometimes) due to which pagination component shows extra pages. I've handled the error but since total count of pages depends on API response so to fix this, values from API need to be consistent
- It took me around 12 hours time to complete this project. I'll divide it in 6 hrs (implementation), 3 hrs (testing), and 3 hrs (improvements). I think testing took more time since Cypress was new for me