https://github.com/aszurar/savepass
O SavePass é o desafio principal do Capítulo 2 do bootcamp Ignite da trilha com React-Native**. Nele, praticamos a lógica de programação com TypeScript para criação das funcionalidades desse aplicativo assim como toda estrutura para as requisições das funcionalidades desse aplicativo que utiliza o Async-Storage, ou seja o armazenamento local no dispositivo.. Além disso, também revisamos estruturas básicas para as requisições com try-catch,, useEffect, funções assíncronas, dentre outras .
https://github.com/aszurar/savepass
android-studio async-storage expo javascript node-js react react-native react-navigation styled-components typescript yarn
Last synced: 5 months ago
JSON representation
O SavePass é o desafio principal do Capítulo 2 do bootcamp Ignite da trilha com React-Native**. Nele, praticamos a lógica de programação com TypeScript para criação das funcionalidades desse aplicativo assim como toda estrutura para as requisições das funcionalidades desse aplicativo que utiliza o Async-Storage, ou seja o armazenamento local no dispositivo.. Além disso, também revisamos estruturas básicas para as requisições com try-catch,, useEffect, funções assíncronas, dentre outras .
- Host: GitHub
- URL: https://github.com/aszurar/savepass
- Owner: Aszurar
- Created: 2022-02-08T00:54:41.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-02-09T01:06:05.000Z (almost 4 years ago)
- Last Synced: 2025-04-05T02:16:40.227Z (10 months ago)
- Topics: android-studio, async-storage, expo, javascript, node-js, react, react-native, react-navigation, styled-components, typescript, yarn
- Language: TypeScript
- Homepage:
- Size: 356 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# SavePass | Ignite - React-Native
O projeto **SavePass** é um aplicativo mobile de gerenciamento de senhas. Com ele podemos salvar contas de acesso, como:
E-mails, senhas, endereços de IP, contas de rede sociais, dentre outras.
Além disso, podemos listar, acessar e esconder esses dados.
___
SavePass
Sobre |
Motivo |
Requisitos |
Tecnologias |
Baixar e Executar
___
- [**Link do vídeo completo sobre o projeto**](https://www.youtube.com/watch?v=fQXnW-vNiEM)
___
## :information_source: Sobre
O **SavePass** é o desafio principal do Capítulo 2 do bootcamp **Ignite da trilha com React-Native**. Nele, praticamos a lógica de programação com TypeScript para criação das funcionalidades desse aplicativo assim como toda estrutura para as requisições das funcionalidades desse aplicativo que utiliza o Async-Storage, ou seja o armazenamento local no dispositivo.
Além disso, revisamos estruturas com Try-Catch, ou seja, tratamos possíveis erros que podem ocorrer durante a execução de uma requisição, uso de métodos como include dentre outros.
* **Página Inicial**:
____
____
___
## :interrobang: Motivo
Esse desafio tem por objetivo por em praticar os conceitos básicos de React Native no desenvolvimento mobile no 2º capítulo do curso **Ignite** de **React Native** como o uso do Async-Storage para as requisições e funcionalidades citadas abaixo e uso do React Hook Form em conjunto com Yup para os Inputs e seus alertas.
Assim, nesse projeto criamos:
1. Listagem geral das contas.
2. Cadastro de novas contas e senhas.
3. Filtragem da lista geral de contas salvas.
4. Uso do React Hook Form em conjunto com Yup.
* **Cadastro de senhas/contas**:
__________________
* **Pesquisa de contas/senhas**:
______
_______
___
## :seedling: Requisitos Mínimos
- Android Studio
- Async-Storage
- Celular(Opcional)
- Expo(desktop)
- Expo Go(Mobile) opcional.
- Node.js
- React
- React-Native
- TypeScript
- Yarn(ou NPM)
___
## :rocket: Principais Tecnologias Utilizadas
O projeto foi desenvolvido utilizando as seguintes tecnologias
- [Android Studio](https://developer.android.com/studio)
- [Async Storage](https://react-native-async-storage.github.io/async-storage/docs/usage/)
- [Expo](https://expo.dev/)
- [Javascript](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
- [NodeJS](https://nodejs.org/en/)
- [React](https://pt-br.reactjs.org/)
- [React-Native](https://reactnative.dev/)
- [React Navigation](https://reactnavigation.org/)
- [Styled Components](https://www.styled-components.com/)
- [TypeScript](https://www.typescriptlang.org/)
- [Yarn](https://classic.yarnpkg.com/blog/2017/05/12/introducing-yarn/)
___
## :package: Como baixar e executar o projeto
- Clonar o projeto:
```bash
git clone https://github.com/Aszurar/SavePass.git
```
- É necessário a instalação do yarn de acordo com seu sistema operacional, para isso veja como no site do [Yarn](https://github.com/Aszurar/SavePass.git)
- Instalação das dependências:
- Execute o comando abaixo dentro da pasta do projeto
```bash
yarn
```
- É necessário a instalação do emulador [Android Studios](https://developer.android.com/studio) e das tecnologias requesitadas acima no:seedling: **Requisitos**
- Também é necessário a instalação/configuração de outras tecnologias, para isso siga os passos indicados nessa página de acordo com seu sistema operacional: [Executando uma Aplicação React-Native emulando Windows/Linux/MacOS ou direto no dispositivo mobile Android/IOS](https://react-native.rocketseat.dev/android/linux)
- É necessário a instalação do [Expo](https://expo.dev/)
- Execução - Abra a pasta do projeto com alguma IDE(Vscode) ou simplesmente abra o terminal na pasta do projeto e execute o comando abaixo:
```bash
expo start
```
- Abra o emulador ou conecte o celular(É necessário a instalação do Expo Go) e execute:
```bash
a
```
- Lembrando que, caso seja executado pelo emulador, o ideal é sempre deixa-lo aberto antes de aplicar os comandos acima.
___
Desenvolvido por :star2: Lucas de Lima Martins de Souza.