MarvelHub

A React website that uses the Marvel Developer API fetch Marvel characters, comics, stories, creators and events.

Getting Started

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
• Author

Overview

The challenge

Users should be able to:

• See all marvel characters, comics, events, series and stories.
• See a single character in its own page once its clicked.
• Search for characters, comics, events and stories.

Screenshot

Home Page

Data Page

Links

• Live Site URL: MarvelHub

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Desktop-first workflow
• React - JS library
• CSS File - For styles

What I learned

Over the course of this project I was able to carry some things with me. I learned about fetching data using APIs, particularly using axios andn I also learnt how to implement a search functionality in that is able to search through the data fetched.

Continued development

1. Implement hamburger button.
2. Data fetching when hosting.

Author

• Website - Portfolio(new version coming soon!)
• Frontend Mentor - Ben Macharia
• LinkedIn - Ben Macharia