Giter VIP home page Giter VIP logo

bibliophile-s-compass's Introduction

Bibliophile's Compass

This application called Bibliophile's Compass assists users in finding bookstores in New York, and surrounding neighborhoods.

Tools needed: Google Maps API Key & Yelp Fusion API Key, Visual Studio Code (VSC; recommended)/ simliar code editors, git bash (recommended), Vite, and this Github repo

  1. Before git cloning this repo, it is required that you get an Google Maps API Key and a Yelp Fusion API key in order for their services to operate on this application. Here are the websites to sign up for your api keys:
  1. After satisying the pre-requisites, you can then git clone the repo to your code editor.

  2. In the git bash terminal, and assuming you are on the right path, type 'npm i' or 'npm install' to ensure that are you downloading the necessary node modules needed.

  3. On your code editor's interface, go to the API_KEYS.js file and input your Google Maps and Yelp Fusion API key to its designated variables.

  4. In the git bash terminal, type the command "npm run dev". This will run the Vite server. Copy the url link and paste it on your browser.

  5. When you launch the application, you will be prompt with this: " CORS needs to be enabled for this application to work. Click 'OK' to enable it. If you already done that, then click "Cancel.' If this is your first time using the application, it is recommended to enable the CORS remote server. This is needed because the Yelp API in the fron-end is restrictive: if you decide to cancel, then you will very likely come across CORS related errors.

    • By clicking on the link to the cors-anywhere, and enabling its remote server, you can then bypass front-end restrictions that the yelp dev team imposed on their API.
  6. After enabling the remote cors everywhere server, you can now do some search queries of bookstores.

Enjoy and cheers!

bibliophile-s-compass's People

Contributors

davonbl avatar

Watchers

Wren Purcell avatar  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.