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
.
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.
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`
- To view the app in the browser:
- Open http://localhost:3000.
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
The MyMap app contains the following components:
└── src
├── NavigationBar.js
├── Map.js
├── MapStyle.json
├── Locations.js
├── SideBar.js
To deploy the project, use the following command in your Terminal:
Create React App
includes 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.
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
This project is build with the following dependencies:
To install all development dependencies, check the provided links:
This is the first piece of version information, coded from scratch.
Know bugs working hard to get rid of the bugs.
As this project is part of a official FrontEnd Nanodegree curriculum, no contributors are allowed.
This project is distributed under the MIT licence. See LICENSE
for more information.