-
Notifications
You must be signed in to change notification settings - Fork 25
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
94132ef
commit 121a44c
Showing
60 changed files
with
16,101 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
{ | ||
"f9155ac790fd02fadcdeca367b02581c04a353aa6d5aa84409a59f6804c87acd": true, | ||
"89ed26367cdb9b771858e026f2eb95bfdb90e5ae943e716575327ec325f39c44": true | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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> | ||
); | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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"> | ||
|
||
[](https://github.com/RenanBorba/react-native-ifood) [](https://github.com/RenanBorba/react-native-ifood) [](https://badge.fury.io/js/react-native) | ||
|
||
</div> | ||
|
||
<br><br> | ||
|
||
<div align="center"> | ||
|
||
 | ||
|
||
</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"> | ||
|
||
 | ||
|
||
</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"> | ||
|
||
 | ||
|
||
</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"> | ||
|
||
 | ||
|
||
</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> | ||
|
||
 | ||
|
||
<br><br><br><br> | ||
|
||
### 1.3 src/components/Suggestions/index.js | ||
### 1.4 src/components/Offers/index.js | ||
|
||
<br> | ||
|
||
<div align="center"> | ||
|
||
 | ||
|
||
</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> | ||
|
||
 | ||
<br><br><br> | ||
|
||
 | ||
|
||
<br><br><br><br> | ||
|
||
### 1.6 src/components/Restaurants/index.js | ||
|
||
<br> | ||
|
||
<div align="center"> | ||
|
||
 | ||
|
||
</div> | ||
|
||
<br><br> | ||
|
||
<div align="center"> | ||
|
||
 | ||
|
||
</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"> | ||
|
||
 | ||
|
||
</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> | ||
|
||
 | ||
<br><br><br><br> | ||
|
||
 | ||
|
||
<br><br><br><br><br><br> | ||
|
||
### 3.2 Interface de Pedidos em andamento | ||
#### 3.2.1 pages/Requests/index.js | ||
|
||
<br> | ||
|
||
 | ||
|
||
<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> | ||
|
||
 | ||
|
||
<br><br><br> | ||
|
||
 | ||
|
||
<br><br><br> | ||
<br> | ||
|
||
Renan Borba. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 | ||
} | ||
} | ||
} |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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'], | ||
}; | ||
}; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 | ||
} |
Oops, something went wrong.