Marvel Hero Searcher

Project developed with React using the Marvel API to search for characters.

Authors

• @juliandiazok

Deployment

Web Deploy

• Marvel Hero Searcher in Vercel

To deploy this project run

  npm run build

Tech Stack

React, Redux, Styled Components, React-Router

Functionalities

• Start with random characters.
• Search for characters that start with a word in the navigation bar.
• Search for characters that start with a word by URL (https://react-marvel-steel.vercel.app/?character={characterName}).
• Ability to add, remove and view favorite characters.
• Light mode and dark mode of view.
• Fully responsive page.
• Character details within a modal.

Problems

For some reason, when implementing redux, the home page and the character search by URL bring up the required elements, and after a second, these are updated by another batch of random elements. This issue is still under investigation.

Support

For any problem, email [email protected]

Run Locally

Clone the project

  git clone https://github.com/juliandiazok/react-marvel

Go to the project directory

  cd react-marvel

Install dependencies

  npm install

Start the server

  npm run start

Screenshots

Home

Search in SearchBar

Character Details on modal with a Dark Theme

Favorites page

URL Character Search

Responsive Design