Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/lucenarenato/reactnative-brasil-app
react native for web, Google maps API and Foursquare API.
https://github.com/lucenarenato/reactnative-brasil-app
foursquare-api google-maps react react-native
Last synced: about 2 months ago
JSON representation
react native for web, Google maps API and Foursquare API.
- Host: GitHub
- URL: https://github.com/lucenarenato/reactnative-brasil-app
- Owner: lucenarenato
- Created: 2020-03-01T17:32:22.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-12T03:17:45.000Z (about 2 years ago)
- Last Synced: 2023-02-28T18:56:37.490Z (almost 2 years ago)
- Topics: foursquare-api, google-maps, react, react-native
- Language: JavaScript
- Size: 6.95 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Brasil App
Brasil é aplicativo usado para obter dados atualizados sobre os melhores lugares para encontrar comida deliciosa enquanto visita o Brasil.
## Table of Contents
* [Getting Started](#Getting Started)
* [User Instruction](#User Instruction)
* [Dependencies](#Dependencies)
* [Resources](#Resources)
* [Contributing](#contributing)
* [Authors](#Authors)
* [Acknowledgments](#Acknowledgments)
## Getting Started
* This project is using react native for web, Google maps API and Foursquare API.
* For developers: you can find the project as a Github repository [here.](https://github.com/lucenarenato/reactnative-brasil-app)
* To run this project you need:
- [Git](https://git-scm.com/downloads)
- [Node.js](https://nodejs.org/en/download/)
- jQuery[AJAX](http://api.jquery.com/jquery.ajax/)
- [NPM](https://www.npmjs.com/) Node Package manager
- [React](https://reactjs.org/)
- [React Native For Web](https://github.com/necolas/react-native-web)
- [Google Maps API](https://developers.google.com/maps/documentation)
* To run the project locally use following commands
```
build react bundle from scratch
- > install create-react-app globally
1)>> npm install -g create-react-app
- > create your app
2)>> create-react-app
- > go to the created app folder
3)>> cd
- > install npm modules
4)>> npm install
- > run your app server
5)>> npm run start
Note: to run a backend server, open a new terminal >>> run
>> node server.js
Install npm packages you need to develop react app
- > install Prop-types
1)>> npm install --save prop-types
- > install escape-string-regexp
2)>> npm install --save escape-string-regexp
- > install sort-by
3)>> npm install --save sort-by
- > install react-router-dom
4)>> npm install --save react-router-dom
- > install react-router
5)>> npm install --save react-router
Note: to run all at once
>> npm install --save prop-types escape-string-regexp sort-by react-router-dom react-router
```
## User Instruction
* To use the app you can search from the cities list using English and Arabic, clicking the find button will initiate a search for restaurants and coffee shops found in this city.
## Dependencies
* The project uses these dependancies and packages
- [Google Maps API](https://developers.google.com/maps/documentation)
- [Four square API](https://foursquare.com/)
- [React Native Web](https://github.com/necolas/react-native-web)
- [Animate Css](https://github.com/daneden/animate.css/)
- [Axios](https://github.com/axios/axios)
- [Code Sand Box](https://codesandbox.io/)
- [React PropTypes](https://www.npmjs.com/package/prop-types)
- [SortBY](https://www.npmjs.com/package/sort-by)
- [Escape String Regexp](https://www.npmjs.com/package/escape-string-regexp)
## Resources
* This project was built using object oriented javascript.
* This project was built using jQuery[AJAX](http://api.jquery.com/jquery.ajax/).
* This project is using [React Native Web](https://github.com/necolas/react-native-web) as a base for responsive app build.
* The project is forked mainly as an empty template from [codesandbox](https://codesandbox.io/)
## Contributing
* This project is currently under developing, any contributions will be appreciated.
For details, check out [CONTRIBUTING.md](CONTRIBUTING.md).
## Authors
* This project is developed by [Renato Lucena](https://www.linkedin.com/in/renato-de-oliveira-lucena-33777133/)
* https://www.renatolucena.net/
## Acknowledgments
* I find these links very helpful, check it if you have some queries while using the project.
- [Layout in react native](https://www.youtube.com/watch?v=9jUtm-GokZI&t=603s)
- [Use Foursquare API](https://www.youtube.com/watch?v=MEzcDiA6shM)
- [Child parent relationship](https://www.youtube.com/watch?v=dyL99ACQfsM)
## Links
- https://latitudelongitude.org/br/sao-paulo/
- https://pt.foursquare.com/
## Renato lucena - 2020