Superhero React Project

⚠️ IMPORTANT: ⚠️

I decided to use a proxy that accompanies the request to the API because when the request comes from an unknown origin, Cors policies do not allow the request. This should work without problems but If for some reason the cors policy is still appearing, Google Chrome offers an extension that serves as a proxy in your browser, please consider adding this extension as the last option if the policy persists: Click Here

➡️ Live Demo

Author

👨 Julian Belmonte

• Github: Julian Belmonte
• Twitter: @Julian Belmonte
• Linkedin: Julian Belmonte

📝 Main Description

This project consists of the implementation of the fundamental concepts of the ReactJS library, as well as the use of Redux to manage the application state in an orderly manner and based on a single state throughout the application.

In order to offer persistence in the data, I decided to join Redux with LocalStorage, so that each change made in the Redux Store is automatically saved in the user's LocalStorage, in this way it is possible to refresh the browser and the information will remain available.

For more information about the project requirements, please follow the next link: React capstone Project

🔏 Superhero Api

I want to give my thanks to Superhero API since it is an excellent API with which I have been able to carry out this project.

The Superhero API, is a quantified and programatically accessible data source of all superheroes from both the comic universe. We've taken all the stuff and put it together in a form that is easier to consume with software. Then we made an API so you can consume it in a hassle free manner. Click the next link to access to the API

How to install the App

1. Please clone the repository by running the next comand in your machine:

git clone https://github.com/jucora/superheroes.git

2. Next, run the next command to install all project dependencies:

   For Yarn:

   yarn install

   For npm:

   npm install

How to run the app locally

1. Get into the folder of the project by running the next command:

cd superheroes

2. Start your local server by running the next command:

   For Yarn:

   yarn start

   For npm:

   npm start

💻 Library, Languages and technologies

• React
• React-DOM
• Redux
• JSX
• SCSS
• Node.js
• prop-types
• npm
• Javascript
• LocalStorage

Report Issues

Please feel free to make a contribution, report any issue, feature request or provide any feedback. Click here

Support

Feel free to drop a like, that would support me a lot.