https://github.com/abdullahmuhammed5/alexandria-cafe-places

This project use Google maps apis to retrieve and view cafes places located in Alexandria, Egypt region You can visit my app here : https://abdullahmuhammed5.github.io/Alexandria-Cafe-Places/
https://github.com/abdullahmuhammed5/alexandria-cafe-places

alexandria-cafe-places cafe google-maps google-maps-api javascript places places-api react react-google-maps react-maps reactjs udacity-nanodegree

Last synced: about 1 month ago
JSON representation

This project use Google maps apis to retrieve and view cafes places located in Alexandria, Egypt region You can visit my app here : https://abdullahmuhammed5.github.io/Alexandria-Cafe-Places/

• Host: GitHub
• URL: https://github.com/abdullahmuhammed5/alexandria-cafe-places
• Owner: AbdullahMuhammed5
• Created: 2018-07-27T15:39:22.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-08-03T16:13:36.000Z (over 6 years ago)
• Last Synced: 2024-11-05T19:12:08.940Z (3 months ago)
• Topics: alexandria-cafe-places, cafe, google-maps, google-maps-api, javascript, places, places-api, react, react-google-maps, react-maps, reactjs, udacity-nanodegree
• Language: JavaScript
• Homepage: https://abdullahmuhammed5.github.io/Alexandria-Cafe-Places/
• Size: 553 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Project Overview

This is th 8th and the last project in Udacity Nanodegree and it is built with React.

In this project i will develop a single page application featuring a map of Alexandria cafe places.

This project was bootstrapped with [Create React App](https://github.com/facebookincubator/create-react-app). A subset of [instructions](https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md)

## Table of Contents

- [Folder Structure](#folder-structure)

- [Available Scripts](#available-scripts)

  - [npm start](#npm-start)

  - [npm test](#npm-test)

  - [npm run build](#npm-run-build)

  - [npm run eject](#npm-run-eject)

- [Usage for users](#usage-for-users)

- [Deployment](#deployment)

## Folder Structure

```

my-app/

  README.md

  package.json

  package-lock.json

  public/

    index.html

    favicon.ico

  src/

    App.css

    App.js

    App.test.js

    LocationsApi.js

    Map.js

    SideMenu.js

    registerServiceWorker.js

    index.css

    index.js

    logo.svg

```

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.


### `npm test`

Launches the test runner in the interactive watch mode.


### `npm run build`

Builds the app for production to the `build` folder.


## Usage for users

First, visit the app from this link : 

Open the side menu and search for your cafe name, it will show up in the result. click on it to show some information and if you want more just click on View in google maps. 

## Deployment

`npm run build` creates a `build` directory with a production build of your app. Set up your favourite HTTP server so that a visitor to your site is served `index.html`, and requests to static paths like `/static/js/main..js` are served with the contents of the `/static/js/main..js` file.