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 (3 months ago)
• Default Branch: main
• Last Pushed: 2024-10-24T15:31:18.000Z (12 days ago)
• Last Synced: 2024-10-25T21:08:56.796Z (11 days 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

        
 




 Deploy do projeto



 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

- [ ] Criptografia das notas no banco de dados

- [ ] Melhorias no Design

- [ ] Melhorias de otimização

- [ ] Possibilidade de usuário anônimo

## :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

 

Voltar para o topo