Este é um projeto para o gerenciamento e a visulização de eventos de um determinado dia.
Depois de me deparar com um problema em uma aplicação no qual precisava de um componente do tipo scheduler timeline horizontal, resolvi procurar na internet, componentes, exemplos de outras pessoas que no qual me ajudaria resolver o meu problema, encontrei algumas coisas, explicações e alguns componentes, mas especificamente para oque eu precisava fazer os que encontrei não iria me ajudar, então resolvi criar o meu próprio componente, que além de utilizar novas tecnologias para meu aprendizado, conssegui alcançar o objetivo no qual eu esperava, um componente simples e performático.
O objetivo geral desse projeto é a melhor visualização de eventos que acontecerá na data selecionada, mostrando uma melhor visualização na apenas do dia, mas a hora e o minuto do evento.
Clonar o projeto
Instalar dependências
- yarn ou npm install
Rode o projeto
- yarn dev ou npm run dev
Acessar no navegador de sua preferência
Além de utilizar a bilbioteca React, utilizei também:
- Vite;
- Dayjs;
- Ant Design;
- Styled Components;
- React Icons;
- Bootstrap;
Vite é uma ferramente de uso em conjunto com o React que visa fornecer uma maior experiência de desenvolvimento, mais rápida e enxuta para projetos modernos.
É uma biblioteca de manipulação e exibição de datas e horas para navegadores modernos, altamente compatível com o momentjs.
São frameworks de css para estilização e utilização de componentes prontos, para acelerar o processo de desenvolvimento.
É uma biblioteca criada para desenvolvedores React e React Native, e permite que você utilize estilos a nível de componente nos aplicativos utilizando uma técnica chamada de CSS-in-JS.
É uma biblioteca de ícones prontos para o seu projeto React, com uma infinidade de ícones prontos e populares.