Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/gafischer/react-native-crud

Simple React-Native CRUD with WatermelonDB
https://github.com/gafischer/react-native-crud

crud mobile offline react-native watermelon

Last synced: 9 days ago
JSON representation

Simple React-Native CRUD with WatermelonDB

Host: GitHub
URL: https://github.com/gafischer/react-native-crud
Owner: gafischer
License: mit
Created: 2022-12-12T18:01:45.000Z (almost 2 years ago)
Default Branch: main
Last Pushed: 2022-12-22T03:08:06.000Z (almost 2 years ago)
Last Synced: 2023-08-07T02:25:44.384Z (over 1 year ago)
Topics: crud, mobile, offline, react-native, watermelon
Language: TypeScript
Homepage:
Size: 430 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# React-Native CRUD
[![NPM](https://img.shields.io/npm/l/react-native)](https://github.com/gafischer/react-native-crud/blob/main/LICENSE)

# Sobre o projeto

Esta aplicação foi desenvolvida com finalidade de estudo. A ideia é aplicar os conceitos básicos de escrita/leitura em banco de dados utilizando React-Native, e também adquirir conhecimento sobre desenvolvimento mobile.

A aplicação consiste em realizar/manipular o cadastro de usuários contendo nome, email e github.

## Layout
Tela Inicial Tema Escuro Inserir Usuário Tema Escuro Editar Usuário Tema Escuro Excluir Usuário Tema Escuro
Configurações Tema Escuro

Tela Inicial Tema Claro Inserir Usuário Tema Claro Editar Usuário Tema Claro Excluir Usuário Tema Claro
Configurações Tema Claro

# Tecnologias utilizadas
## Front end
- TypeScript / CSS / JS
- React Native
- Styled Components
- WatermelonDB
- React Navigation
- Expo

# Features
- Cadastro, inserção, edição e remoção de dados utilizando WatermelonDB
- Modo escuro

# Como executar o projeto
## Front end web
Pré-requisitos: npm / yarn

```bash
# clonar repositório
https://github.com/gafischer/react-native-crud

# entrar na pasta do projeto
cd react-native-crud

# instalar dependências
yarn

# executar o projeto
npx expo run:android
# ou
npx expo run:ios
```

# Autor

Gabriel Fischer Schroeder

[![LinkedIn](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/ga-fischer/)