https://github.com/aszurar/todoapp
O 1º desafio é um projeto todoapp é um aplicativo mobile que cadastra tarefas a serem feitas que podem ser marcadas e removidas.
https://github.com/aszurar/todoapp
react react-native stylesheet typescript
Last synced: 3 months ago
JSON representation
O 1º desafio é um projeto todoapp é um aplicativo mobile que cadastra tarefas a serem feitas que podem ser marcadas e removidas.
- Host: GitHub
- URL: https://github.com/aszurar/todoapp
- Owner: Aszurar
- Created: 2021-06-02T01:02:06.000Z (about 5 years ago)
- Default Branch: main
- Last Pushed: 2021-07-13T22:00:36.000Z (about 5 years ago)
- Last Synced: 2025-02-10T10:26:46.916Z (over 1 year ago)
- Topics: react, react-native, stylesheet, typescript
- Language: TypeScript
- Homepage:
- Size: 439 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# todoapp | Ignite - React-Native
O projeto **todoapp** é um aplicativo mobile que cadastra tarefas a serem feitas que podem ser marcadas e removidas, além disso o aplicativo também possui modo noturno.
todoapp
___
Sobre |
Motivo |
Requisitos |
Tecnologias |
Baixar e Executar
___
- [**Link do vídeo completo sobre o projeto**](https://youtu.be/lrkOKH8ycx8)
___
## :information_source: Sobre
O projeto **todoapp** é o 1º desafio do bootcamp **Ignite da trilha React Native da Rocketseat** em que treinamos todos os conceitos básicos de React Native como **componentes e suas propriedades, variável Estado, formas de manipulações de variável Estado como filter, findIndex, map, estilização com StyleSheet, componentização e formas de passar dados/funções para componentes criados.**
Esse projeto também consiste com um desafio adicional de ter feito um modo noturno para a aplicação(que já foi completo!).
* Página Inicial:
* Tarefa adicionada:
___
## :interrobang: Motivo
* Tarefas completas:
Esse projeto tem por objetivo por em prática os conceitos básicos de React Native no desenvolvimento mobile ensinados no 1º capítulo do curso **Ignite** de **React Native**.
Além disso, o desafio principal é criar as funcionalidades da aplicação adicionar/remover tarefas, alterar a estilização quando marcado. No entanto, também foi completado o desafio extra de se criar um modo noturno para a aplicação.
Pretendo adicionar algumas funcionalidades no futuro como:
1. Pesquisa de transações.
___
## :seedling: Requisitos Mínimos
- Node.js
- Yarn(ou NPM)
- React
- React-Native
- Typescript
- Android Studio
- Celular(Opcional)
___
## :rocket: Tecnologias Utilizadas
O projeto foi desenvolvido utilizando as seguintes tecnologias
- [Android Studio](https://developer.android.com/studio)
- [NodeJS](https://nodejs.org/en/)
- [Yarn](https://classic.yarnpkg.com/blog/2017/05/12/introducing-yarn/)
- [React](https://pt-br.reactjs.org/)
- [React-Native](https://reactnative.dev/)
- [Typescript](https://www.typescriptlang.org/)
___
## :package: Como baixar e executar o projeto
- Clonar o projeto:
```bash
git clone https://github.com/Aszurar/todoapp.git
```
- É necessário a instalação do yarn de acordo com seu sistema operacional, para isso veja como no site do [Yarn](https://classic.yarnpkg.com/blog/2017/05/12/introducing-yarn/)
- 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 Mínimos**
- 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)
- 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
yarn android
```
- Caso o terminal do Metro Bundle não abra, execute também:
```bash
yarn start
```
- Lembrando que, caso seja executado pelo emulador, o ideal é sempre deixa-lo aberto antes de aplciar os comandos acima.
___
Desenvolvido por :star2: Lucas de Lima Martins de Souza.