https://github.com/karl-horning/dynamic-hero-search

Explore the superhero universe seamlessly with Dynamic Hero Search. This interactive project allows users to search and discover their favorite heroes from both DC Comics and Marvel. Dive into the world of iconic characters with a user-friendly search experience.
https://github.com/karl-horning/dynamic-hero-search

bootstrap codepen css dc-comics filter frontend html javascript marvel-heroes search superhero-search

Last synced: 7 days ago
JSON representation

Explore the superhero universe seamlessly with Dynamic Hero Search. This interactive project allows users to search and discover their favorite heroes from both DC Comics and Marvel. Dive into the world of iconic characters with a user-friendly search experience.

• Host: GitHub
• URL: https://github.com/karl-horning/dynamic-hero-search
• Owner: Karl-Horning
• License: mit
• Created: 2024-01-06T09:21:24.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-06T21:48:12.000Z (about 1 year ago)
• Last Synced: 2024-11-08T03:41:47.331Z (about 2 months ago)
• Topics: bootstrap, codepen, css, dc-comics, filter, frontend, html, javascript, marvel-heroes, search, superhero-search
• Language: JavaScript
• Homepage: https://codepen.io/karlhorning/pen/dyrMzWy
• Size: 181 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Dynamic Hero Search

![Preview Image](./src/img/preview.png)

## Table of Contents

- [Dynamic Hero Search](#dynamic-hero-search)

  - [Table of Contents](#table-of-contents)

  - [Overview](#overview)

  - [Demo](#demo)

  - [Features](#features)

  - [Installation](#installation)

  - [Usage](#usage)

  - [Contributing](#contributing)

  - [Acknowledgments](#acknowledgments)

  - [License](#license)

  - [Author](#author)

## Overview

Dark-themed superhero search and filter application using CSS and JavaScript. Features real-time search, dynamic table updates, clear functionality, and alphabetised sorting. Includes accessibility enhancements and automatic copyright updates based on the current year.

## Demo

Check out the live demo on CodePen: [Dynamic Hero Search Demo](https://codepen.io/karlhorning/pen/dyrMzWy)

## Features

- Search and discover superheroes from DC Comics and Marvel.

- Interactive search functionality for a user-friendly experience.

## Installation

Clone the repository from GitHub: [Dynamic Hero Search GitHub Repo](https://github.com/Karl-Horning/dynamic-hero-search)

## Usage

1. Open `index.html` in your preferred web browser.

2. Use the search box to find your favourite superheroes.

## Contributing

Contributions are welcome! Feel free to open issues and pull requests.

## Acknowledgments

- [Bootstrap](https://getbootstrap.com) - Front-end framework for developing responsive and mobile-first websites.

- Special thanks to [CodePen](https://codepen.io) for providing a platform to showcase and share web development projects.

## License

This project is licensed under the [MIT License](LICENSE).

## Author

**Karl Horning:**

- [GitHub](https://github.com/Karl-Horning/)

- [LinkedIn](https://www.linkedin.com/in/karl-horning/)

- [CodePen](https://codepen.io/karlhorning)