https://github.com/epiled/orgs-cesta-expo
š„ Projeto de aplicativo em React Native com Expo. O aplicativo Ć© uma cesta de compras que lista os produtos que o usuĆ”rio deseja comprar, exibindo o valor total da compra. š„
https://github.com/epiled/orgs-cesta-expo
android-studio expo javascript react-native
Last synced: 2 months ago
JSON representation
š„ Projeto de aplicativo em React Native com Expo. O aplicativo Ć© uma cesta de compras que lista os produtos que o usuĆ”rio deseja comprar, exibindo o valor total da compra. š„
- Host: GitHub
- URL: https://github.com/epiled/orgs-cesta-expo
- Owner: Epiled
- License: mit
- Created: 2022-06-06T19:08:49.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-12-17T14:37:15.000Z (over 1 year ago)
- Last Synced: 2025-01-20T12:27:50.704Z (4 months ago)
- Topics: android-studio, expo, javascript, react-native
- Language: JavaScript
- Homepage:
- Size: 1.21 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# š„ Orgs Cesta Expo
Projeto do curso React Native: criando um app da Alura, curso ministrado pela instrutora Natalia Kelim Thiel
.
| :placard: Vitrine.Dev | |
| ------------- | --- |
| :sparkles: Nome | **Orgs Cesta Expo**
| :label: Tecnologias | react-native, javascript, expo, android studio
š Detalhes do projeto
Projeto de aplicativo em React Native com Expo. O aplicativo Ʃ uma cesta de compras que lista os produtos que o usuƔrio deseja comprar, exibindo o valor total da compra.
Este projeto de APP utiliza as seguintes tecnologias:
### Frontend
- **React Native:** Framework principal que permite o desenvolvimento de aplicativos nativos para iOS e Android utilizando JavaScript e React. Proporciona eficiĆŖncia ao compartilhar parte significativa do cĆ³digo entre as plataformas.
- **JavaScript:** Linguagem de programaĆ§Ć£o fundamental para o desenvolvimento no ambiente React Native. Utilizada para criar lĆ³gica de negĆ³cios, interaƧƵes de usuĆ”rio e integraƧƵes com API.
### Ferramentas e ConfiguraƧƵes
- **Expo:** Plataforma e conjunto de ferramentas que simplificam o desenvolvimento React Native. Oferece componentes prontos para uso, facilita o acesso a APIs nativas e simplifica o processo de compilaĆ§Ć£o e implantaĆ§Ć£o.
- **Android Studio:** Ambiente de desenvolvimento integrado (IDE) oficial para aplicativos Android. Oferece ferramentas robustas para design, codificaĆ§Ć£o, depuraĆ§Ć£o e teste, garantindo a otimizaĆ§Ć£o de desempenho e a conformidade com padrƵes Android.
### Funcionalidades Principais
- ExibiĆ§Ć£o de dados do arquivo de mock
š Tabela de ConteĆŗdos
* [Detalhes do projeto](#detalhes-do-projeto)
* [TĆ³picos Desenvolvidos](#topicos-curso)
* [DemonstraĆ§Ć£o](#demonstracao)
- [home](#home)
* [PrƩ-Requisito](#pre-requisito)
* [InstalaĆ§Ć£o](#instalacao)
* [Como usar](#como-usar)
- [OpĆ§Ć£o 1 - Expo](#opcao-1)
- [OpĆ§Ć£o 2 - Android Studio](#opcao-2)
* [Tecnologias](#tecnologias)
* [Autor](#autor)
š©āš« TĆ³picos desenvolvidos
* Configure um ambiente de desenvolvimento leve e simples usando o Expo
* Desenvolva e rode aplicaƧƵes para Android e atƩ mesmo iOS, usando Linux, Windows ou macOS
* Crie um projeto React Native do zero
* Aprenda a exibir textos, imagens e botƵes
* Aprenda a criar seus prĆ³prios componentes usando
* FaƧa estilos utilizando conceitos semelhantes ao CSS
* Adeque o layout para tipos e tamanhos de tela diferentes
* Instale fontes do externas do Google Fontes
* Aprenda a otimizar a performance de listas
š DemonstraĆ§Ć£o
Home
https://github.com/Epiled/orgs-cesta/assets/55258483/a9cb8960-8f33-4c1a-bc2f-70e9f6ef719a
šØ PrĆ©-requisito
- Expo
- Android Studio (Opcional)
ā InstalaĆ§Ć£o
```
1. git clone https://github.com/Epiled/orgs-cesta-expo.git
2. cd orgs-cesta-expo
3. npm install
```
š©āš« Como usar
OpĆ§Ć£o 1 - Expo
```
1. npm start
2. Leia o QR Code atrƔves do APP da Expo
```
OpĆ§Ć£o 2 - Android Studio
NecessƔrio o Android Studio
```
1. npm start
2. Pressione a tecla "a" para abrir o aplicativou automaticamnte no emulador.
```
š Tecnologias
As seguintes tecnologias foram usadas na construĆ§Ć£o deste projeto:
šØāš» Autor
Felipe De Andrade
Feito com ā¤ļø por Felipe De Andrade šš½ Entre em contato!
[](https://www.linkedin.com/in/fademendonca/)
[](mailto:[email protected])
[](https://www.instagram.com/felipe.deam/)
[](https://codepen.io/epiled)