https://github.com/lucasbailo/manage-state-recoil

Learning how to manage state using Recoil
https://github.com/lucasbailo/manage-state-recoil

Last synced: about 1 month ago
JSON representation

Learning how to manage state using Recoil

• Host: GitHub
• URL: https://github.com/lucasbailo/manage-state-recoil
• Owner: lucasbailo
• Created: 2024-10-29T14:56:19.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-10-29T19:59:58.000Z (3 months ago)
• Last Synced: 2024-10-29T22:39:33.204Z (3 months ago)
• Language: TypeScript
• Size: 296 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Welcome again to another TypeScript project! 👋

# Agenda App!

## Test the project yourself: [Teste the project here!!!](https://manage-state-recoil.vercel.app/)

### Home Page



## Drag and Drop 



## Filter



## Debug observer



## Some code that I'm proud of

```js

const [data, setData] = useState('')

const [status, setStatus] = useState("Ambos");

const setFiltroDeEvento = useSetRecoilState(filtroDeEventos)

const submeterForm = (evento: React.FormEvent) => {

evento.preventDefault();

const filtro: IFiltroDeEventos = {

    status,

};

data ? (filtro.data = new Date(data)) : (filtro.data = null);

setFiltroDeEvento(filtro);

};

const opcoesFiltro = ["Ambos", "Completos", "Incompletos"];

```

## Built with

- `React`

- `React Hooks`

- `TypeScript`

- `Recoil`

- [Json Server](https://github.com/typicode/json-server#getting-started)

## You Can

- Add, Delete and Edit Events;

- Filter events by date;

- Drag and Drop;

- Check a finished event.

## Author

- Website - [My GitHub](https://github.com/lucasbailo)

- Frontend Mentor - [@lucasbailo](https://www.frontendmentor.io/profile/lucasbailo)

- Instagram - [@lucassbailo](https://www.instagram.com/lucassbailo/)

- LinkedIn - [Lucas Bailo](https://www.linkedin.com/in/lcsbailo)