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
Auf dieser Seite können Sie das Online-Video Build List API Project With React and TailwindCSS mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Cand Dev 02 März 2022 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 2,211 Mal angesehen und es wurde von 58 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
