react-agenda-ts

Este repositório contém uma aplicação de agenda desenvolvida em React, com o objetivo de aprimorar conhecimentos em TypeScript, Material UI, react-router, hooks (useRef, useMemo, useCallback, etc), Context API e gerenciamento de estado com Redux.

Funcionalidades

• Adicionar, editar e remover eventos
• Visualização de eventos em uma lista ou calendário
• Navegação entre diferentes seções utilizando react-router
• Interface moderna e responsiva com Material UI
• Gerenciamento eficiente de estado com Redux
• Utilização avançada de hooks para otimização e melhor organização do código

Tecnologias Utilizadas

• React
• TypeScript
• Material UI
• react-router
• Context API
• Redux
• Hooks (useRef, useMemo, useCallback, etc)
• Node.js (backend)
• Express (backend)
• json-server (backend)

Como Rodar o Projeto

Frontend

1. Clone o repositório:

   git clone https://github.com/Rick0785/react-agenda-ts.git

2. Navegue até o diretório do frontend:

   cd agenda-react-ts/frontend

3. Instale as dependências:

   npm install

4. Inicie o servidor de desenvolvimento:

   npm start

5. Acesse a aplicação no navegador:

   http://localhost:3000
   

Backend

1. Navegue até o diretório do backend:

   cd ../backend

2. Instale as dependências:

   npm install

3. Inicie o servidor backend:

   • Sem autenticação:

     npm start -- noauth

   • Com autenticação:

     npm start

4. O backend estará disponível em:

   http://localhost:8080
   

Contribuições

Contribuições são bem-vindas! Sinta-se à vontade para abrir issues e pull requests com melhorias e correções.

Licença

Este projeto está licenciado sob a MIT License.