https://github.com/mgckaled/ignite-reactnative_ignitegym
Repositório do terceiro projeto da trilha Ignite React Native 2022 produzido pela Rocketseat Education
https://github.com/mgckaled/ignite-reactnative_ignitegym
async-storage expo native-base react-native react-navigation-stack rocketseat typescript
Last synced: 13 days ago
JSON representation
Repositório do terceiro projeto da trilha Ignite React Native 2022 produzido pela Rocketseat Education
- Host: GitHub
- URL: https://github.com/mgckaled/ignite-reactnative_ignitegym
- Owner: mgckaled
- License: mit
- Created: 2022-12-20T14:54:27.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-24T18:29:44.000Z (over 3 years ago)
- Last Synced: 2025-05-29T20:26:48.831Z (11 months ago)
- Topics: async-storage, expo, native-base, react-native, react-navigation-stack, rocketseat, typescript
- Language: TypeScript
- Homepage:
- Size: 13.8 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# React Native - Ignite Gym
[**Sobre o Projeto**](#sobre-o-projeto) **•**
[**Layout**](#layout) **•**
[**Configurações**](#configurações) **•**
[**Texnologias**](#tecnologias) **•**
[**Licença**](#licença) **•**
[**Autor**](#autor)
## Sobre o Projeto
A ideia dessa aplicação é termos um app onde podemos consultar exercícios de academia. Nesse aplicativo vamos ter dois tipos de navegações, uma navegação em pilha para as rotas publicas e uma navegação em abas, na parte inferior para as rotas privadas. Para estilizar essa aplicação utilizaremos o NativeBase, uma biblioteca de componentes estilizados para facilitar na criação do app.
Análises e comentários sobre o código [AQUI](/.github/docs/index.md).
## Layout
O layout das telas da aplicação **Ignite Gym** foi desenvolvido pela equipe da **Rocketseat** através da ferramenta [**Figma**](https://www.figma.com).
Você pode acessar o layout através deste link: [**Ignite Gym**](https://www.figma.com/file/ei00iY5OwDMXzDAYvwKs0V).
## Configurações
Necessário realizar as seguintes instalações:
- [Git](https://git-scm.com/)
- [npm](https://www.npmjs.com/)
- [Node](https://nodejs.org/)
- [Expo](https://docs.expo.dev/)
- [Expo Go](https://expo.dev/client) (Android ou IOS)
Criar conta e configurar os serviços externos:
- [GitHub](https://github.com/)
- [Expo](https://expo.dev/)
Clonar repositório:
```bash
# Execute o comando git clone para realizar o clone do repositório
$ git clone https://github.com/mgkclaed/ignite-reactnative_ignitegym.git
# ou execute
$ gh repo clone mgckaled/ignite-reactnative_ignitegym
# Entre na pasta do repositório clonado
$ cd ignite-reactnative_ignitegym
```
Dependências e inicialização:
```bash
## instalar dependências
$ npm i
# inicializar expo
$ npx expo start
```
Configurações Expo:
```bash
# após criar uma conta no Expo, faça login pelo terminal:
$ npx expo login
# confirme seu nome e senha
# confirmar login. O terminal deverá mostrar o nome do usuário
$ npx expo whoami
```
Scripts Backend:
```bash
# Rodar API em ambiente de desenvolvimento:
$ npm run dev
# Rodar API em ambiente de procução:
$ npm start
# Criar banco de dados
$ npm run migrate
# Inserir dados no banco de dados:
$ npm run seed
```
Para visualizar a documentação da API, acesse [http://localhost:3333/api-docs](http://localhost:3333/api-docs) em ambiente de desenvolvimento.
## Tecnologias
- [React Native](https://reactnative.dev/)
- [TypeScript](https://www.typescriptlang.org/)
- [Expo](https://expo.dev/)
- [NativeBase](https://nativebase.io/)
## Licença
Distribuído sob a licença **_MIT_**. Veja [LICENSE](LICENSE) para mais informações.
## Autor
Feito por Marcel Kaled. Entre em contato!
---
©2022 - Marcel Kaled