Mini Marvel App
Description
This is a replicate of Marvel's Page with the Connections section replaced with Captain Marvels Comics.
Main Screens:
Home Screen: Replicate the Captain Marvel’s Home page with the 'Connections Section' replaced with 'Captain Marvels Comics'.
Comics Screen: List all Captain Marvel comic issues screen
Comics Issues Screen: Displays a list of all comic in which Captain Marvel appears
With a feature to sort the list by edition release date in ascending or descending order. It also uses Infinite Scroll and LazyLoad for the images
Detail Screen: Displays details of a comic/comics issue when selected from the list
Tools
This app was built using:
CSS
React
This app consumes Marvel API.
Setup Guidelines
Fork this repo to your github account
Clone the repo to your system
Edit the src folder content as desired
Go to Marvel's Page to get your api key and edit the .env file
Open the project directory in your cli:
Run npm startto run the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits and you will also see any lint errors in the console.
Run npm run buildto build out the app for production.
Move the generated build folder to your hosting platform