Welcome again to another TypeScript project! 👋

Agenda App!

Test the project yourself: Teste the project here!!!

Home Page

Drag and Drop

Filter

Debug observer

Some code that I'm proud of

const [data, setData] = useState('')
const [status, setStatus] = useState<IFiltroStatus>("Ambos");

const setFiltroDeEvento = useSetRecoilState<IFiltroDeEventos>(filtroDeEventos)

const submeterForm = (evento: React.FormEvent<HTMLFormElement>) => {
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

You Can

• Add, Delete and Edit Events;
• Filter events by date;
• Drag and Drop;
• Check a finished event.

Author

• Website - My GitHub
• Frontend Mentor - @lucasbailo
• Instagram - @lucassbailo
• LinkedIn - Lucas Bailo