API PROJECT IN JAVASCRIPT || Build a Memory Game with REACT JS, react hooks, FETCH, Pexels and more!
5.4 هزار بار بازدید -
3 سال پیش
-
This Memory Game is a
This Memory Game is a fun kick to the regular API project in JavaScript, using Pexels API, React JS, react js hooks (react hooks useEffect, react hooks useState and custom ones too, basically a "react hooks explained"!), Fetch and many many more.
This React tutorial and API project tutorial is the first one where we need to use authorization headers in our request thus a great way to ease into more complexity from our api projects for beginners by using env variables, headers and requesting an API key.
We will work with passing props, ensuring they are the right ones by using propTypes. Custom hooks are a big part of this project - working with passing and returning things from them, digging a bit more into how the reactivity works and will focus on dividing tasks to different components.
If you're new here - The Ultimate API Challenge is a place where I want to "break the ice" between us and APIs, show you how you can work with different tech stack, documentation, APIs, learn to code, create cool and interesting api projects which, by the end of the video, will be ready to be included in your web development portfolio!
So if you were searching for things to build, api projects ideas for beginners or just to hang out coding, - hop on this video and stay tuned for more! Subscribe and hit the notification's bell so you won't miss any episode!
Chapters:
00:00:00 Intro
00:00:50 Get to know the project
00:03:50 Fetch + API docs and auth
00:14:50 Using custom hooks
00:22:14 Get parameters from user's input
00:45:47 Create the Board
00:52:25 Cards' logic and data structure
01:17:22 Game restart chain of events
01:20:42 Wrapping up
Links:
Challenges' website - https://theultimateapichallenge.com/ (for more api projects ideas!)
Memory Game API challenge page: https://theultimateapichallenge.com/c...
Starter files: https://github.com/danascript/the-ult...
The Ultimate API Challenge's playlist:
THE ULTIMATE API CHALLENGE PLAYLIST |...
Topics:
api project in javascript,api projects,api projects for beginners,api project ideas,api project tutorial,api project javascript,api project in react,api project ideas for beginners,react js,react tutorial,react hooks,react hooks tutorial,javascript tutorial,react tutorial for beginners,react hooks useeffect,react js hooks,javascript tutorial for beginners 2021,react hooks explained,react hooks usestate,react course for beginners 2021,learn to code
Check out my other social accounts:
Instagram: Instagram: _danascript_
Medium: Medium: _danascript_
Website: https://danascript.dev
#TheUltimateApiChallenge #ReactJSTutorial #WebDevelopmentPortfolio #Coding
This React tutorial and API project tutorial is the first one where we need to use authorization headers in our request thus a great way to ease into more complexity from our api projects for beginners by using env variables, headers and requesting an API key.
We will work with passing props, ensuring they are the right ones by using propTypes. Custom hooks are a big part of this project - working with passing and returning things from them, digging a bit more into how the reactivity works and will focus on dividing tasks to different components.
If you're new here - The Ultimate API Challenge is a place where I want to "break the ice" between us and APIs, show you how you can work with different tech stack, documentation, APIs, learn to code, create cool and interesting api projects which, by the end of the video, will be ready to be included in your web development portfolio!
So if you were searching for things to build, api projects ideas for beginners or just to hang out coding, - hop on this video and stay tuned for more! Subscribe and hit the notification's bell so you won't miss any episode!
Chapters:
00:00:00 Intro
00:00:50 Get to know the project
00:03:50 Fetch + API docs and auth
00:14:50 Using custom hooks
00:22:14 Get parameters from user's input
00:45:47 Create the Board
00:52:25 Cards' logic and data structure
01:17:22 Game restart chain of events
01:20:42 Wrapping up
Links:
Challenges' website - https://theultimateapichallenge.com/ (for more api projects ideas!)
Memory Game API challenge page: https://theultimateapichallenge.com/c...
Starter files: https://github.com/danascript/the-ult...
The Ultimate API Challenge's playlist:
THE ULTIMATE API CHALLENGE PLAYLIST |...
Topics:
api project in javascript,api projects,api projects for beginners,api project ideas,api project tutorial,api project javascript,api project in react,api project ideas for beginners,react js,react tutorial,react hooks,react hooks tutorial,javascript tutorial,react tutorial for beginners,react hooks useeffect,react js hooks,javascript tutorial for beginners 2021,react hooks explained,react hooks usestate,react course for beginners 2021,learn to code
Check out my other social accounts:
Instagram: Instagram: _danascript_
Medium: Medium: _danascript_
Website: https://danascript.dev
#TheUltimateApiChallenge #ReactJSTutorial #WebDevelopmentPortfolio #Coding
3 سال پیش
در تاریخ 1400/10/17 منتشر شده
است.
5,417
بـار بازدید شده