Build Awesome Comic Book App With Marvel API and React
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/marve...
Link to Styles folder if you want to just paste in all the CSS: https://github.com/alekspopovic/marve...
Find text version of this tutorial on my website: https://aleksandarpopovic.com/Comic-B...
Music in the video is from StreamBeats collection by Harris Heller.
Blog: https://aleksandarpopovic.com/blog/
Github: https://github.com/alekspopovic/
Twitter: / alekswritescode
Instagram: / 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