Resources
Requirements
- Functionality
- Obtained my own API key
- Revamped the user interface with new layout
- Implemented a "Searching" spinner
- Implemented a "Next/Previous" functionality
- Use local storage to keep a list of recent searches
- Added feature to find popular/trending GIFs
- Design and User Interaction
- Custom and appealing interface coded in HTML/CSS
- Use of different fonts and layout
- Display user errors in status such as user not inputing a search term
- Spinner animation while app is searching for GIFs
- Use of CSS Flexbox and Grid
- Media queries added to make app responsive to different screen sizes
- HTML/CSS & Media
- Valid HTML and CSS
- External CSS and JavaScript files
- Semantic code and coding conventions followed to best of ability
Progress
- Got own GIPHY API key
- Implemented majority of design layout
- Added ability to see trending GIFS
- Working on offset feature when searching for GIFs
- Finished implementing Previous/Next button
- Worked on local storage feature
- Fixed issue of term duplication in stored search options
- Changed layout of page. Different fonts and colors
Grading
I believe the work I've done so far should be equivalent to an A or B. The app fulfills the required functionality and design features. There is also the implementation of additional features to the app such as trending GIFs and Next/Previous buttons.