Skip to content

Single Page Application (SPA) Google Map api created in React (Project8)

License

Notifications You must be signed in to change notification settings

dianavile/React-MyMap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React-MyMap

Project Description

This project is the last project (CAPSTONE project 8) of the Udacity Full Nanodegree Program Front-End Web Development. MyMap is a Single Page Application (SPA) created in React and developed with create-react-app. It fetches data from Google Maps API and FourSquare API.

neighborhoodmap

Project requirements

The goal of this project is to build a Single Page Application (SPA) created in React to show a GoogleMap of your neighbourhood. Requirements: implement third-party APIs GoogleMap and Foursquare to provide additional information about the location. Additional functionality: map markers, infowindow, search funcion, list view.

Setting Up

To install this project:

npm start 

To __clone or download __ this project:

    $ git clone https://github.com/dianavile/MyMap.git
  • To open the folder to __run the project __:
`npm install`
  • To run the development server:
`npm start`

Project Directory

Inside the project directory, it will generate the initial project structure and install the dependencies:

mymap
├── README.md
├── package.json (=here all dependencies will be installed.)
├── .gitignore (=file to instruct which files need to be ignored at production).
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js

React Components

The MyMap app contains the following components:

└── src
    ├── NavigationBar.js
    ├── Map.js
    ├── MapStyle.json
    ├── Locations.js
    ├── SideBar.js

Deploying

To deploy the project, use the following command in your Terminal:

Service Worker

Create React Appincludes a service worker, by default. To enable the service worker, run the application in production build mode:

npm run build

This comment builds the app for production to the build folder.
It bundles React in production mode and optimizes the build for the best performance in a minified version. More information about deployment.

Browser requirements

The minimum default set of browsers for this project are:

"browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]

This means, the project is available on most default browsers, except on: Internet Explorer < 11 and opera_mini. More info on changing default browsers

Dependencies

This project is build with the following dependencies:

Packages (Dev dependencies- npm packages)

To install all development dependencies, check the provided links:

API

Design

Version

"version": "0.1.0"

This is the first piece of version information, coded from scratch.

Know bugs working hard to get rid of the bugs.

Contributors

As this project is part of a official FrontEnd Nanodegree curriculum, no contributors are allowed.

License

This project is distributed under the MIT licence. See LICENSE for more information.

Code References