Skip to content

This is a replicate of the Captain Marvel’s Home page and with the Connections section replaced with Captain Marvels Comics

Notifications You must be signed in to change notification settings

dinakajoy/mini-marvel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Author

Odinaka Joy

About

This is a replicate of the Captain Marvel’s Home page and with the Connections section replaced with Captain Marvels Comics

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published