KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #ai-agent #developer-tools #codex #typescript #cli #deepseek-harness #claude-code #ai-agents #mcp #rust

react-native-ifood

★ 58 Open GitHub ↗

🍔 Aplicação Mobile em React Native para clone das principais interfaces do iFood

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

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

</div>

<br>

[![Generic badge](https://img.shields.io/badge/Made%20by-Renan%20Borba-purple.svg)](https://shields.io/) [![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) [![made-for-VSCode](https://img.shields.io/badge/Made%20for-VSCode-1f425f.svg)](https://code.visualstudio.com/) [![npm version](https://badge.fury.io/js/react-native.svg)](https://badge.fury.io/js/react-native) [![Open Source Love svg2](https://badges.frapsoft.com/os/v2/open-source.svg?v=103)](https://github.com/ellerbrock/open-source-badges/)

<br>

![ifood-home](https://github.com/RenanBorba/react-native-ifood/assets/48495838/7e6733e0-5d3c-4e79-84cc-da67df9ecfb4)

</div>

<br>

Aplicação Front-end desenvolvida em React Native para clone das principais interfaces do aplicativo Ifood, que é voltado para comercialização de alimentos e delivery de restaurantes. Consome uma API fake para as principais informações.🍟
<br>

### 🍴🍔 O projeto foi concebido pensando em maneiras fáceis para o desenvolvimento das principais interfaces do app.

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

</div>

## :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>

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

## :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>

## :mega: ⬇ Abaixo, as principais interfaces:

## 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>

### 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)

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

<br>

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

</div>

### 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)

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

<br>

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

</div>

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

</div>

## 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>

## 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)

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

<br>

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

## 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)

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

react-native-ifood

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README