xphong/marvel-app

Full Stack - React/Redux + Node/MongoDB + Marvel API

Marvel App - https://marvel-app9000.herokuapp.com/

React + Node + MongoDB + Marvel API

• Searches the Marvel database for the characters using the Marvel API
• Show power levels of popular Marvel characters
• Built with https://github.com/xphong/simple-react-redux-starter
• Data provided by Marvel. © 2018 Marvel

Getting Started

Import Mongo Database Collection

• Import power levels data:

mongoimport --db marvel --collection powerlevels --type json --file data/powerlevels.json --jsonArray

Add Marvel API Public/Private Keys

• Get Marvel API keys from https://developer.marvel.com/
• Add your keys to server/config.js

Dependencies

• Install required dependencies:

npm install yarn -g
yarn

Scripts

• Run development server (port 3000): npm run dev

• Run production server: npm run prod

• Deploy production build (Client): npm run build

• Run front-end tests: npm run test

• Run integration tests: npm run test:backend

Technologies

• React w/ Redux, React Router, Dev Tools
• Node w/ Express
• MongoDB w/ Mongoose
• Semantic UI
• Webpack
• Axios
• Mocha, Chai, Supertest
• Jest, Enzyme
• CI/CD with Travis CI and Heroku

FAQ

• Toggle React Dev Tools On/Off CTRL + H

TODO:

• Move to ducks modular pattern
• Sort table
• Search table
• Upgrade to React Router v4 🤔