/react-native-ifood

šŸ” AplicaĆ§Ć£o Mobile em React Native para clone das principais interfaces do iFood

Primary LanguageJavaScript

Projeto - AplicaĆ§Ć£o Ifood Clone Mobile React Native


Generic badge Build Status Build Status made-for-VSCode npm version Open Source Love svg2


ifood-home


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.šŸŸ

šŸ“šŸ” O projeto foi concebido pensando em maneiras fĆ”ceis para o desenvolvimento das principais interfaces do app.



ifood



šŸš€ Tecnologias

  • Expo
  • Components
  • Routes
  • react-navigation
  • react-navigation-tabs
  • react-navigation-stack
  • json-server (Server API fake)
  • Axios
  • useState
  • useEffect
  • styled-components
  • vector-icons MaterialIcons



ā–¶ļø Start

  • npm install
  • npm run start / npm start



šŸ‘Š Como contribuir

  • DĆŖ um fork nesse repositĆ³rio
  • Crie a sua branch com a feature
    • git checkout -b my-feature
  • Commit a sua contribuiĆ§Ć£o
    • git commit -m 'feat: My feature'
  • Push a sua branch
    • git push origin my-feature



100




šŸ“£ ā¬‡ Abaixo, as principais interfaces:




1 src/pages/Dashboard/index.js

1.1 Interface inicial (Dashboard)


000





1.2 src/pages/Wallet/index.js

1.2.1 Interface apĆ³s o usuĆ”rio selecionar o Ć­cone de QR Code


08





1.3 src/components/Suggestions/index.js

1.4 src/components/Offers/index.js


001





1.5 src/pages/Item/index.js

1.5.1 Interface apĆ³s o usuĆ”rio selecionar a oferta


09


10





1.6 src/components/Restaurants/index.js


002



003







2 Interface de Busca

2.1 src/pages/Search/index.js

2.2 src/components/Categories/index.js


004







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


13



14





3.2 Interface de Pedidos em andamento

3.2.1 src/pages/Requests/index.js


15







4 Interface de Perfil

4.1 src/pages/Profile/index.js

4.1.1 src/components/Header/Person/index.js


16




18