Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/dom-garotom/links-native

Este projeto é uma aplicação em React Native desenvolvida durante o minicurso da Rocketseat. A aplicação permite o armazenamento e a organização de links por categorias, com funcionalidades para adicionar, listar e remover links.
https://github.com/dom-garotom/links-native

aprendizado expo expo-router nova-stack react-native react-navegation

Last synced: 14 days ago
JSON representation

Este projeto é uma aplicação em React Native desenvolvida durante o minicurso da Rocketseat. A aplicação permite o armazenamento e a organização de links por categorias, com funcionalidades para adicionar, listar e remover links.

Awesome Lists containing this project

README

        

# Projeto de Gerenciamento de Links

Este projeto é uma aplicação em React Native desenvolvida durante o minicurso da Rocketseat. A aplicação permite o armazenamento e a organização de links por categorias, com funcionalidades para adicionar, listar e remover links.








# Aprendizados...

Durante este projeto e nas aulas, pude perceber que muitos dos meus conhecimentos em desenvolvimento web, assim como em React e Next, foram bem reaproveitados. Nas aulas teóricas, frequentemente eu queria apenas fechar a aula e ir para o código testar sozinho, com o máximo de ânimo e curiosidade.

Não é uma novidade que o meu código ficou com bugs por eu ter trocado as mãos pelas pernas, querendo ser mais rápido que a teória. Em termos de aprendizado, foi incrível, e consegui realmente aprender bem como o React Native funciona. Porém, em questões de performance, não foi a mais esperta.

Estou muito animado para continuar estudando, para que a minha empolgação não se torne um problema, e eu consiga entrar no flow ao programar, conseguindo tirar o máximo da minha performance.



## Tecnologias Utilizadas

- **React Native**: para a construção da interface mobile.
- **Expo**: facilita o desenvolvimento e a execução do projeto.
- **AsyncStorage**: utilizado para o armazenamento local dos links.
- **UUID**: gera identificadores únicos para cada link.
- **React Navigation**: gerenciamento de navegação entre telas.

## Funcionalidades

- **Adicionar Link**: o usuário pode adicionar um link informando o nome, URL e a categoria.
- **Listar Links por Categoria**: os links podem ser visualizados conforme a categoria selecionada.
- **Remover Link**: permite remover um link previamente adicionado.
- **Feedbacks ao Usuário**: mensagens de alerta informam sobre ações bem-sucedidas ou erros.

## Como Rodar o Projeto

Clone o repositório:

```bash
git clone https://github.com/Dom-Garotom/GamesCamp.git
```

Navegue até o diretório do projeto:

```bash
cd Links-Natve
```

Execute o projeto em localHost:

```bash
npm run expo start
```