Skip to content

🧳 - plann.er is a front-end application built with ReactJS, utilizing key concepts such as properties, states, components, TypeScript typing, and modern development practices. The project features a responsive interface, API integration, and a calendar picker component for seamless date selection.

Notifications You must be signed in to change notification settings

mtguerson/plann.er

Repository files navigation

Aplicação Front-End em ReactJS

Este repositório contém o desenvolvimento de uma aplicação front-end utilizando ReactJS. Durante o projeto, foram aplicados diversos conceitos fundamentais, incluindo Propriedades, Estados, Componentes, tipagem com TypeScript, e outras práticas modernas de desenvolvimento.

Tecnologias Utilizadas

  • ReactJS: Framework para criação de interfaces de usuário.
  • TypeScript: Tipagem estática para o JavaScript, garantindo mais segurança no desenvolvimento.
  • Vite: Ferramenta de build rápida e moderna para projetos web.
  • TailwindCSS: Framework para criação de interfaces responsivas e customizáveis com CSS utilitário.
  • Node.js: Backend para consumo de API.
  • Calendar Picker: Componente de seleção de datas integrado à aplicação.

Funcionalidades

  • Gerenciamento de Propriedades e Estados: Implementação de lógicas de negócio utilizando a estrutura de componentes do React.
  • Tipagem com TypeScript: Garantia de tipagem estática para melhorar a qualidade do código e evitar erros comuns.
  • Tooling com Vite: Configuração de projeto utilizando Vite para um desenvolvimento mais rápido e eficiente.
  • Interface Responsiva: Criação de interfaces responsivas com TailwindCSS, proporcionando uma ótima experiência em diferentes dispositivos.
  • Consumo de API: Integração com uma API Node.js para manipulação de dados em tempo real.
  • Picker de Calendário: Implementação de um seletor de datas para facilitar a entrada de dados.

Como Executar o Projeto

  1. Clone o repositório: git clone https://github.com/seu-usuario/seu-repositorio.git

  2. Acesse o diretório do projeto: cd seu-repositorio

  3. Instale as dependências: npm install

  4. Execute o projeto: npm run dev

  5. Abra o navegador e acesse http://localhost:3000 para visualizar a aplicação.

Screenshots

Local e data Pessoas Convidar Finalizar Detalhes da viagem Nova atividade Novo link Confirmar participação

About

🧳 - plann.er is a front-end application built with ReactJS, utilizing key concepts such as properties, states, components, TypeScript typing, and modern development practices. The project features a responsive interface, API integration, and a calendar picker component for seamless date selection.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published