Back to Browse

Build Awesome Comic Book App With Marvel API and React

4.8K views
Oct 28, 2023
51:46

Welcome to another React tutorial where we'll explore the process of creating a functional comic book library app using Marvel's API. Throughout this video, you'll gain insights into how to navigate Marvel's character database and extract information about the comic books featuring those characters. Additionally, we'll address the crucial aspect of responsive design, ensuring that your app remains user-friendly on various devices. We'll also provide a step-by-step guide to setting up project and API credentials in Vite, equipping you with the knowledge needed for this coding project. Find code from this video in my Github repo: https://github.com/alekspopovic/marvel Images used in the project: https://github.com/alekspopovic/marvel/tree/main/comic-library/src/images Link to Styles folder if you want to just paste in all the CSS: https://github.com/alekspopovic/marvel/tree/main/comic-library/src/styles Find text version of this tutorial on my website: https://aleksandarpopovic.com/Comic-Book-App-With-Marvel-API-and-React/ Music in the video is from StreamBeats collection by Harris Heller. Blog: https://aleksandarpopovic.com/blog/ Github: https://github.com/alekspopovic/ Twitter: https://twitter.com/alekswritescode/ Instagram: https://www.instagram.com/aleks.popovic/ Chapters: 0:00​ Intro 0:37 App overview 1:26 Marvel developer account setup 3:30 Vite setup 6:27 MD5 and Sass installation 7:13 Environment variables in Vite 7:59 Images 8:20 Search component 14:17 Fetching character data 23:45 Mapping character data 25:18 Characters component 30:43 Comics component 31:13 Fetching comic book data 39:28 CSS 50:09 Ideas for expanding the app 50:51 Video suggestion and Outro

Download

0 formats

No download links available.

Build Awesome Comic Book App With Marvel API and React | NatokHD