Git Product home page Git Product logo

itunes-search-app's Introduction

iTunes Search App Capstone

Summary:

This is a full stack application built using react.js and express.js for front and backend respectively. A user can enter any search term and the application will search and return relevant results using the iTunes API.

How to use the app:

Items will be returned from movies to music to books etc. based on what is searched for. Once search results are returned, a user can either do one of the following:

  • Preview the item by clicking on it.
  • Add the item to their favourites, as well as remove it from their favourites.

How to set up the project

Express Backend (localhost:3001) Setup:

  1. Navigate to the folder named "capstone" from the command line.

  2. Type "npm install" to install the node modules required for the backend.

  3. Once installation has completed, type "npm start" to start the backend server which will run on port 3001.

React frontend (localhost: 3000) setup:

  1. Open a new command line but keep the old one open.(This is hosting our backend)

  2. Navigate to the "client" folder inside the "capstone" folder using the command line and install node modules for the react front end. To do this type "npm install" again.

  3. When the installation has been completed, type "npm start" to start the front end which will open on localhost:3000. It is important for the other command line to remain open as that is being used as the proxy server listening on port 3001

    • Axios: Will be used to help capture and return data to and from the API
    • Body-Parser: Will be used to help return the JSON Data into an HTML format
    • Cors : Will be used to assist in returning data from the API
    • Express: Installing this will give us our Server
    • Fetch: Used to fetch data from the API
    • Helmet: Used to secure our application
    • Morgan: Used to secure our application in DEV
    • Node-Fetch: Used to fetch data from the API
    • Serve-Favicon: Used to serve the Favicon icon that is located in the Public folder and fuctions as middleware in our app to perfrom the action
  4. All these items will be added to your package.json file as dependencies.

itunes-search-app's People

Contributors

mpilonm95 avatar

Watchers

 avatar

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.