Coder Social home page Coder Social logo

ikassim9 / marvel-comics Goto Github PK

View Code? Open in Web Editor NEW
1.0 2.0 1.0 6.16 MB

This application fetches data from the marvel api and displays it to the user

Home Page: https://comics-side-project.herokuapp.com/

HTML 6.78% CSS 23.97% JavaScript 65.94% Dockerfile 3.30%

marvel-comics's Introduction

API to display marvel characters and its related comics

This application will be used to fetch data from the marvel api. It will take user input and return the given character and comics that the character is present in. You can visit here to interact with the application.


Getting Started


You will first need to to get an API key from the marvel developer site. Create an account there. Navigate to my developer account tab and you should see your public key (api key) and your private key.


ENV file


Create an env file in the root directory of the project


apiKey="Your API KEY"
privateKey="Your Private Key"

Create a ignore file in root directory and add the following

node_modules/*
.env

Install dependencies

npm install

Run the application

# run server
npm run start

# run nodemon
npm run watch

(Go to localhost:3000)

Overview of the application


Empty State

Search for a character

Comics for the character

Character is not found


Learning takeaways

  • How to set up a node js server
  • Connecting the server to heroku
  • Fetching data from server and sending response back to the client
  • Parsing json response and displaying it to user

marvel-comics's People

Contributors

ikassim9 avatar

Stargazers

Mladen Macanović avatar

Watchers

James Cloos avatar  avatar

Forkers

wtfmejt

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.