pooreffects / deeds Goto Github PK

The recent activity:

• listening to the user's input and assigning it to the URL query
• Figure out a performant way to handle the search logic
• Update the fetch query and the UI accordingly
• First try of understanding default export VS just export FAILED! do some research
• Empty the input value after fetch
• use react-query to fetch, add cache, and extand the application functionalities
• Extract the codebase and props handling
• You know, underline the home buttons on hover or some shit
• Implement the download functionality with MUI-icons => check if the file-saver returns status
• Implement "ENTER" handleKeyPress() on button
• Create some cool animation and better overall UX and UI Design
• Create a fun favicon
• Lazyload GIFs, note: i've implemented it with react-lazy
• Implement SEO best practices => reference
• Refactor and extract a on Trending and Gifs
• Work on the responsiveness media queries file and brush up on the Net Ninja series
• Extract Styles in dedicated files, maybe even a SASS conversion, since it is installed
• Set different ways to fetch data using Fetch API and React-query
• Add env vars through netlify deployment UI
• Add loadMore & HideSome functionalities
• Deploy the application and try the performance in production (keep in mind => transition, animation, and overall app performance);

* What's on my mind, when the app renders the content animates to the center, then
- Lazy load GIF cards
- the user focuses the input, the container pops up and the backgrounds blurs,
- the user clicks Search, the div slides up and the cards kinda like slide in animat