Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kennedybarreto/sticky-notes
Blocos de notas interativo estilo "Post-It"
https://github.com/kennedybarreto/sticky-notes
appwrite react
Last synced: 10 days ago
JSON representation
Blocos de notas interativo estilo "Post-It"
- Host: GitHub
- URL: https://github.com/kennedybarreto/sticky-notes
- Owner: KennedyBarreto
- License: mit
- Created: 2024-08-12T19:18:55.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-10-24T15:31:18.000Z (2 months ago)
- Last Synced: 2024-10-25T21:08:56.796Z (about 2 months ago)
- Topics: appwrite, react
- Language: JavaScript
- Homepage: https://sticky-notes-psi-two.vercel.app
- Size: 159 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
Sticky Notes - Bloco de Notas
Sobre |
Funcionalidades |
Tecnologias |
Pré requisitos |
Começando |
Licença |
Autor
## :dart: Sobre
Blocos de notas interativo estilo "Post-It". Projeto Fullstack feito utilizando React.js para o Frontend e o serviço [Appwrite](https://appwrite.io/) para o Backend. Baseado no projeto do [freeCodeCamp.org](https://www.youtube.com/watch?v=yBThHM2pBbE)
## :sparkles: Funcionalidades
:heavy_check_mark: Crie notas e personalize suas cores;
:heavy_check_mark: Arraste e solte notas em qualquer lugar da tela;
:heavy_check_mark: Armazenamento e salvamento em tempo real
## :rocket: Tecnologias
As seguintes ferramentas foram usadas na construção do projeto:
- [HTML](https://developer.mozilla.org/pt-BR/docs/Web/HTML)
- [CSS](https://developer.mozilla.org/pt-BR/docs/Web/CSS)
- [JS](https://developer.mozilla.org/pt-BR/docs/Web/JavaScript)
- [ReactJS](https://react.dev/)
- [Appwrite](https://appwrite.io/)
## :white_check_mark: Pré requisitos
1 - Certifique-se de que você possui o Node.js 20 ou superior instalado
em sua máquina e um editor de código para alterar os arquivos de configuração.
2 - O projeto usa o serviço [Appwrite](https://appwrite.io/) como Backend, para conseguir reproduzir localmente é necessário criar projeto na plataforma. Para um passo-a-passo detalhado leia a [documentação](https://appwrite.io/docs).
3 - Dentro da pasta do projeto existe um exemplo de arquivo de variáveis de ambiente (.env). Crie ou renomeie esse arquivo e substitua com os dados do seu projeto do Appwrite, essas variavéis serão responsáveis pela conexão entre o serviço e a aplicação.
## :checkered_flag: Começando
1 - Clone/Copie o repositório em sua máquina
2 - Instale as dependencias
```bash
npm i
```
3 - Inicie o projeto React
```bash
npm run dev
```
## :construction: Próximos passos
- [X] Adicionar Toasts informativos
- [X] Confirmação de ações importantes
- [ ] Criptografia das notas no banco de dados
- [ ] Melhorias no Design
- [ ] Melhorias de otimização
## :memo: Licença
Este projeto está sob licença MIT. Veja o arquivo [LICENSE](LICENSE.md) para mais detalhes.
Feito com :heart: por Kennedy Barreto
