Coder Social home page Coder Social logo

neighborhood-map's Introduction

Neighborhood Map

Neighborhood Map is a single page React application featuring some of the venues of Siliguri (my hometown!). This project was created using Create React App 2.0 and the venues were fetched using Foursquare Api.

Basically this application enable its user to select filtered venues and get specific details regarding it!

Running the application in Development Mode

In order to run this application on your local machine, you need Node.js and npm (comes along with Node.js) already installed. Now, open your terminal (Linux/Mac) or command prompt (Windows) and follow the below steps:

First, clone this repository by typing the following command on your terminal:

https://github.com/fave77/Neighborhood-Map

Next, navigate to the project repository viz. Neighborhood-Map and type npm install which will install all the relevant packages for running the application successfully!

Finally, type npm start which will automatically open the application on your default browser. Otherwise, you can navigate to localhost:3000 for running it on a different browser!

Building the application for Production

Here, after installing all the dependencies as mentioned above instead of starting the application locally, just follow the below steps like so:

npm run build
npm install -g serve
serve -s build

The last command will serve the production optimised build directory on the port 5000. Now, like many of serve’s internal settings, the port can be adjusted using the -p or --port flags.

Run this command to get a full list of the options available:

serve -h

PREVIEW

OVERVIEW

LIVE LINK

The user interface for Neighborhood Map is implemented with the help of React library and design is made with Materialize.css

This project is part of Udacity's Front-End Web Developer Nanodegree Program

License

The MIT License 2018 - Priyabrata Biswas.

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.