Skip to content

https://react-marvel-poc.fidisys.com is a single page application built using ReactJS. All data shown in the application are consumed from the Marvel API's.

Notifications You must be signed in to change notification settings

fidisys/react-marvel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

https://react-marvel-poc.fidisys.com is a single page application built using ReactJS. All data shown in the application are consumed from the Marvel API's.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published