Build List API Project With React and TailwindCSS
Check out MiniTool MovieMaker: https://bit.ly/4hKFA9A Create project that show list of api, so you can use the api for fun project, this project have search functionality and the filters.
👨💻Code:
https://github.com/candraKriswinarto/...
🔗Link:
ReactJs: https://reactjs.org/docs/create-a-new...
API: https://api.publicapis.org/entries
TailwindCSS: https://tailwindcss.com/
Hero Icons: https://heroicons.com/
🌎Live:
https://api-for-fun.vercel.app/
Timestamps:
0:00 - Intro
0:07 - Demo
1:44 - Create React App
2:41 - Setup Tailwind CSS
3:40 - Jumbotron Component
8:42 - useAxios hooks
12:17 - ButtonFilter Component
13:15 - Get data in ButtonFilter with useAxios
15:28 - Styling ButtonFilter
17:07 - Loading Skeleton ButtonFilter
18:47 - ListApi Component
22:38 - CardApi Component
28:18 - Search Functionality
31:50 - Button Filter Functionality
34:54 - Loading Skeleton ListApi
37:22 - Done
👋🏻Contact Me:
https://canddev.vercel.app/
🌎 Find Me Here:
Instagram : / candra_kriswinarto
GitHub: https://github.com/candraKriswinarto/
Linkedin: / candra-kriswinarto
#apiForFun #programming #enjoyCoding
In questa pagina del sito puoi guardare il video online Build List API Project With React and TailwindCSS della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Cand Dev 02 marzo 2022, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 2,211 volte e gli è piaciuto 58 spettatori. Buona visione!
