Build List API Project With React and TailwindCSS

Опубликовано: 02 Март 2022
на канале: Cand Dev

2,211

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

На этой странице сайта вы можете посмотреть видео онлайн Build List API Project With React and TailwindCSS длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Cand Dev 02 Март 2022, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 2,211 раз и оно понравилось 58 зрителям. Приятного просмотра!

608