![Cover image for Build a TV Shows App - React Hooks Project Tutorial with CSS Grid and Flexbox [video format]](https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Ftkydwufp5xia1oh3qmp3.png)
In this tutorial, we will create a TV shows App that will fetch some interesting information and facts about all your favourite actors by selecting the cast of a TV show season of your choice.
We'll be using many modern web technologies and super important concepts such as React hooks, CSS Grid, Flexbox, Transition and Transform.
The project is going to fetch the remote data from the fantastic TV Maze API using Async/Await syntax. You'll also learn how to use the fundamentals like components, state, props, JSX, events, etc. by building a real world project from Scratch. 🔥
By the end of this tutorial, you will have a strong understanding of React's workflow; including data fetching, hooks, folder structure, and more. We will start by initializing the application using create-react-app as our base, and then start building out the application using React (Custom Hooks), CSS Grid and Flexbox.
Upon completion of this video, you'll be able to add this cool project to your portfolio showcasing your practical skills to potential companies/clients or even build your own projects by using this as a base project.
📚 API Reference:
http://www.tvmaze.com/api
SUBSCRIBE our Youtube channel if you want to get notified for more real-world project-based tutorials
Share this video with a friend
Top comments (0)