https://github.com/lucasdants/reactjs-dnd
https://github.com/lucasdants/reactjs-dnd
chakra-ui firebase firestore react-dnd
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/lucasdants/reactjs-dnd
- Owner: LucasDants
- License: mit
- Created: 2022-04-24T03:34:45.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-04-26T17:33:53.000Z (almost 4 years ago)
- Last Synced: 2025-01-21T04:09:38.274Z (about 1 year ago)
- Topics: chakra-ui, firebase, firestore, react-dnd
- Language: TypeScript
- Homepage: https://react-js-dnd.vercel.app/
- Size: 103 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
### Features
- [x] Criar TODO List ao digitar algo após a url
- [x] Criar TODOS/Tasks;
- [x] Editar TODOS/Tasks;
- [x] Remover TODOS/Tasks;
- [x] Sistema de drag and drop para melhorar a UX do usuário ao realocar os TODOS.
## 💻 Pré-requisitos
Antes de começar, verifique se você atendeu aos seguintes requisitos:
- Criar um banco de dados no Firebase Firestore
- Criar um arquivo na raiz do projeto .env.local igual ao .env.example e preencher após o "=" de acordo com os dados fornecidos na criação do banco de dados firebase.
## 🚀 Rodar o projeto
```bash
# Instale as dependencias usando o gerenciador de pacotes;
$ npm install
# Rode a aplicação em ambiente de desenvolvimento;
$ npm run dev
# A aplicação irá abrir na porta: 3000 - utilize a seguinte url: http://localhost:3000
```