ReactJS Marvel POC UI

Release Notes

Live demo react-marvel-fidisys is a single page application built using ReactJS. All data shown in the application are consumed from the Marvel API's.

Application overview:

• Home
• Characters
• Comics
• Series
• View Character detail page
• View Comics detail page
• View Series detail page
• View favourites

Here is the features list:

• Carousel view for showing data visualization components such as Charts and Graphs in home page
• Handling horizontal scroll view in home page
• Data visualization components in home page
• Collapsible controls in Home Page and on card hover
• Infinite scroll in see all characters page
• Scroll on demand in see all comics page
• Pagination with numbers in series page
• Implemented Drag & Drop interactions for adding cards to favourites
• Mobile responsive

Available Scripts

In the project directory, you can run:

npm install

Install necessary packages to run project

npm start

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

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

npm run build

Builds the app folder for production to the build folder.

Marvel API Configuration

• Log on to https://developer.marvel.com and get your api-key
• Go to ./src/utils/helper.js and paste your api-key in API_KEY variable

See the magic and have a fun with clean and fresh UI

😊Pull requests accepted with ❤️ - Team Fidisys