web-coding-assignment

This project was bootstrapped with Create React App.

Before you begin

1. Install Node LTS
2. Install yarn
3. Install Git
4. Fork this repo
5. Get a Marvel Developer API Key
6. Add localhost referrer in your Marvel Developer Portal and save
7. Edit apiKey.js with your Marvel public API key

Requirements

Design an app that meets the following requirements. You are free to explore your creativity to design a UX/UI you see fit.

1. Form to search characters by name, comics or series
2. At least one of those fields is required for a search
3. Display a list of thumbnails of characters with their name
4. Clicking on the thumbnails should list comics the character is in
5. The comics list should have the Title, Thumbnail, ISBN, Price and on-sale-date formatted to mm/dd/yyyy
6. Both the character and comic lists allow filtering by name, or title, date or price respectively

** Note: all lists should have a max of 25 elements

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

Learn More

• Create React App (tool for creating and managing react apps)
• React (library for building UI)
• Jest (test runner)
• Axios (optional HTTP request client)
• Bootstrap (optional css framework)
• React Testing Library (optional testing library)

** Note: optional libraries can be replaced