Heroic

Heroic is a web app that will display a list of random 20 heroes from SuperHero Search API. User can click on a hero card and have all his details in a separate page, and filter by publisher as well.

Built With

• HTML, TailwindCSS, JavaScript
• React / Redux
• Linters:
  • Stylelint, ESLint

Project Documentation

• Here is the link to my Zoom video presentation

Website Mockup 📱 💻 🖥️

Live Demo

Checkout Heroic 😄

Getting Started

This project was bootstrapped with Create React App.

To get a local copy up and running follow these simple example steps.

Install

Have NodeJS installed and follow the next steps

Usage

• npm i for installing dev dependecies
• Make sure to use your own API key simply naviagate to src/api/api.js and modify the headers
• npm run build or npm start to see the project

Run tests

• npm test

Deployment

• npm run deploy using gh-pages
• Deploy via Netlify CLI or Netlify Git site

Authors

👤 Michael Mesfin

• GitHub: @michael-duke
• Twitter: @MikeDuke21
• LinkedIn: MICHAEL MESFIN

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

SuperHero Search from Akash Joshi

• Microverse
• Inspiration
  • Ismail Coor
  • Vitor Guedes Madeira

Under the the Creative Commons liscense

Original design from Nelson Sakwa on Behance

📝 License

This project is MIT licensed.