Skip to content

Commit

Permalink
importacao react-native-ifood
Browse files Browse the repository at this point in the history
  • Loading branch information
RenanBorba committed Jun 16, 2020
1 parent 94132ef commit 121a44c
Show file tree
Hide file tree
Showing 60 changed files with 16,101 additions and 1 deletion.
4 changes: 4 additions & 0 deletions .expo-shared/assets.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
{
"f9155ac790fd02fadcdeca367b02581c04a353aa6d5aa84409a59f6804c87acd": true,
"89ed26367cdb9b771858e026f2eb95bfdb90e5ae943e716575327ec325f39c44": true
}
14 changes: 14 additions & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
node_modules/**/*
.expo/*
npm-debug.*
*.jks
*.p8
*.p12
*.key
*.mobileprovision
*.orig.*
web-build/
web-report/

# macOS
.DS_Store
14 changes: 14 additions & 0 deletions App.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
import React, { Fragment } from 'react';
import { StatusBar } from 'react-native';

import Routes from './src/routes';

export default function App() {
return (
<Fragment>
<StatusBar barStyle="dark-content" />

<Routes />
</Fragment>
);
};
218 changes: 217 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,217 @@
# react-native-ifood
<div align="center">

# Projeto - Aplicação Ifood Clone Mobile React Native

</div>

<br>

<div align="center">

[![Build Status](https://img.shields.io/github/stars/RenanBorba/react-native-ifood.svg)](https://github.com/RenanBorba/react-native-ifood) [![Build Status](https://img.shields.io/github/forks/RenanBorba/react-native-ifood.svg)](https://github.com/RenanBorba/react-native-ifood) [![npm version](https://badge.fury.io/js/react-native.svg)](https://badge.fury.io/js/react-native)

</div>

<br><br>

<div align="center">

![76648878-4ea47580-653e-11ea-99b9-f87aa782a27b](https://user-images.githubusercontent.com/48495838/84699849-a7fab700-af28-11ea-8442-7f60bf64b2fe.png)

</div>

<br><br>

Aplicação Front-end desenvolvida em React Native para clone das principais interfaces do aplicativo Ifood, voltada para comercialização de alimentos e delivery de restaurantes, consumindo a API fake para as principais informações.<br>
O projeto foi concebido pensando em maneiras fáceis para o desenvolvimento das principais interfaces, baseando-se em repositórios com aplicações semelhantes no Github.

<br><br>

<div align="center">

![ifood](https://user-images.githubusercontent.com/48495838/84700507-a4b3fb00-af29-11ea-95ea-e6fd32d4cba5.png)

</div>

<br><br>

## :rocket: Tecnologias
<ul>
<li>Expo</li>
<li>Components</li>
<li>Routes</li>
<li>react-navigation</li>
<li>react-navigation-tabs</li>
<li>react-navigation-stack</li>
<li>json-server (Server API fake)</li>
<li>Axios</li>
<li>useState</li>
<li>useEffect</li>
<li>styled-components</li>
<li>vector-icons MaterialIcons</li>
</ul>

<br><br>

## :arrow_forward: Start
<ul>
<li>npm install</li>
<li>npm run start / npm start</li>
</ul>

<br><br>

## :punch: Como contribuir
<ul>
<li>Dê um fork nesse repositório</li>
<li>Crie a sua branch com a feature</li>
<ul>
<li>git checkout -b my-feature</li>
</ul>
<li>Commit a sua contribuição</li>
<ul>
<li>git commit -m 'feat: My feature'</li>
</ul>
<li>Push a sua branch</li>
<ul>
<li>git push origin my-feature</li>
</ul>
</ul>
<br><br><br>

<div align="center">

![100](https://user-images.githubusercontent.com/48495838/78052572-b38d0780-7355-11ea-9e64-edaa75705cca.png)

</div>

<br><br><br>

## :mega: Segue abaixo as principais interfaces:

<br><br>
<br>

## 1 src/pages/Dashboard/index.js
### 1.1 Interface inicial (Dashboard)

<br>

<div align="center">

![000](https://user-images.githubusercontent.com/48495838/76155045-4b843200-60c5-11ea-92c8-64ee790167ff.png)

</div>

<br><br><br><br>

### 1.2 src/pages/Wallet/index.js
#### 1.2.1 Interface após o usuário selecionar o ícone de QR Code

<br>

![08](https://user-images.githubusercontent.com/48495838/76021508-2d230880-5f04-11ea-87da-c4f764a32b57.png)

<br><br><br><br>

### 1.3 src/components/Suggestions/index.js
### 1.4 src/components/Offers/index.js

<br>

<div align="center">

![001](https://user-images.githubusercontent.com/48495838/76426379-bf566100-6389-11ea-858f-cffa60431d45.png)

</div>

<br><br><br><br>

### 1.5 src/pages/Item/index.js
#### 1.5.1 Interface após o usuário selecionar a oferta

<br>

![09](https://user-images.githubusercontent.com/48495838/76021512-2dbb9f00-5f04-11ea-97eb-07839a850c8d.png)
<br><br><br>

![10](https://user-images.githubusercontent.com/48495838/76038328-18f10280-5f28-11ea-8b29-7e47f9605347.png)

<br><br><br><br>

### 1.6 src/components/Restaurants/index.js

<br>

<div align="center">

![002](https://user-images.githubusercontent.com/48495838/76155047-4cb55f00-60c5-11ea-9794-35f77c48cd9d.png)

</div>

<br><br>

<div align="center">

![003](https://user-images.githubusercontent.com/48495838/76155048-4d4df580-60c5-11ea-9ff2-5a94c829fc70.png)

</div>

<br><br><br><br>

## 2 Interface de Busca
### 2.1 src/pages/Search/index.js
### 2.2 src/components/Categories/index.js

<br>

<div align="center">

![004](https://user-images.githubusercontent.com/48495838/76155044-4a530500-60c5-11ea-83e2-68fe3e44ce19.png)

</div>

<br><br><br><br><br><br>

## 3 Interface de Pedidos
### 3.1 Interface de Pedidos anteriores
#### 3.1.1 src/pages/PreviousRequests/index.js
#### 3.1.2 src/components/Purchases/index.js

<br>

![13](https://user-images.githubusercontent.com/48495838/76021520-30b68f80-5f04-11ea-96cd-0784d7d2c3cd.png)
<br><br><br><br>

![14](https://user-images.githubusercontent.com/48495838/76021522-314f2600-5f04-11ea-803f-001d40460edf.png)

<br><br><br><br><br><br>

### 3.2 Interface de Pedidos em andamento
#### 3.2.1 pages/Requests/index.js

<br>

![15](https://user-images.githubusercontent.com/48495838/76150957-566fa000-608e-11ea-928f-383d6a2cbfcf.png)

<br><br><br>
<br>

<br><br><br>

## 4 Interface de Perfil
### 4.1 src/pages/Profile/index.js
#### 4.1.1 src/components/Header/Person/index.js

<br>

![16](https://user-images.githubusercontent.com/48495838/76021528-3318e980-5f04-11ea-83a9-c6d0162d3bd3.png)

<br><br><br>

![18](https://user-images.githubusercontent.com/48495838/76151808-bf0f4a80-6097-11ea-88fa-22659513e5ac.png)

<br><br><br>
<br>

Renan Borba.
33 changes: 33 additions & 0 deletions app.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
{
"expo": {
"name": "iFood",
"slug": "mobile",
"privacy": "public",
"sdkVersion": "36.0.0",
"platforms": [
"ios",
"android",
"web"
],
"androidStatusBar": {
"backgroundColor": "#FFFFFF"
},
"version": "1.0.0",
"orientation": "portrait",
"icon": "./assets/icon.png",
"splash": {
"image": "./assets/splash.png",
"resizeMode": "contain",
"backgroundColor": "#ffffff"
},
"updates": {
"fallbackToCacheTimeout": 0
},
"assetBundlePatterns": [
"**/*"
],
"ios": {
"supportsTablet": true
}
}
}
Binary file added assets/icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/splash.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions babel.config.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
module.exports = function(api) {
api.cache(true);
return {
presets: ['babel-preset-expo'],
};
};
33 changes: 33 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject"
},
"dependencies": {
"@react-native-community/masked-view": "0.1.5",
"axios": "^0.19.2",
"expo": "^36.0.0",
"json-server": "^0.16.1",
"numeral": "^2.0.6",
"react": "~16.9.0",
"react-dom": "~16.9.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-36.0.0.tar.gz",
"react-native-gesture-handler": "~1.5.0",
"react-native-reanimated": "~1.4.0",
"react-native-safe-area-context": "0.6.0",
"react-native-screens": "2.0.0-alpha.12",
"react-native-web": "~0.11.7",
"react-navigation": "^4.2.2",
"react-navigation-stack": "^2.2.2",
"react-navigation-tabs": "^2.8.2",
"styled-components": "^5.0.1"
},
"devDependencies": {
"@babel/core": "^7.0.0"
},
"private": true
}
Loading

0 comments on commit 121a44c

Please sign in to comment.