An open API service indexing awesome lists of open source software.

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

Awesome Lists containing this project

README

          



Made by mgckaled

GitHub Repo Size
GitHub Language Count

GitHub Last Commit

license




Figma
TypeScript
React Native
Expo



# React Native - Ignite Gym

[**Sobre o Projeto**](#sobre-o-projeto)   **•**  
[**Layout**](#layout)   **•**  
[**Configurações**](#configurações)   **•**  
[**Texnologias**](#tecnologias)   **•**  
[**Licença**](#licença)  **•**  
[**Autor**](#autor)

Landing page IgniteGym

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