planner-web Tailwind Templates

Planner Web

This project is a front-end application developed using ReactJS, TypeScript, Tailwind CSS, Lucide React and more.

Planner Web

Planner Web é um template minimalista para desenvolvimento de aplicações front-end utilizando React, TypeScript e Vite, com estilização baseada em TailwindCSS. Este projeto também serve como base para organizar e planejar viagens, permitindo a expansão com funcionalidades mais avançadas.

✨ Funcionalidades

  • Estrutura de pastas otimizada para escalabilidade.
  • Integração com tailwind-variants para estilização de componentes reutilizáveis.
  • Suporte a Axios para requisições HTTP.
  • Configuração pronta para uso com TypeScript e Vite.
  • Design responsivo e personalizável.

Estrutura do projeto

planner-web-main/ ├── src/ │ ├── components/ # Componentes reutilizáveis │ ├── pages/ # Páginas da aplicação │ ├── lib/ # Configurações e utilitários │ ├── assets/ # Recursos estáticos (imagens, ícones, etc.) │ ├── App.tsx # Componente principal │ └── main.tsx # Ponto de entrada da aplicação ├── public/ # Arquivos públicos ├── tailwind.config.js # Configurações do TailwindCSS ├── package.json # Dependências e scripts do projeto └── README.md # Documentação do projeto

🚀 Tecnologias Utilizadas

  • React: Biblioteca para construção de interfaces de usuário.
  • TypeScript: Superset de JavaScript que adiciona tipagem estática.
  • Vite: Ferramenta de construção de aplicações front-end, extremamente rápida.
  • TailwindCSS: Framework de CSS utilitário para design moderno e responsivo.
  • Axios: Cliente HTTP para consumo de APIs.
  • Biome: Para manter o código limpo e consistente.

🛠️ Instalação e Uso

Siga os passos abaixo para rodar o projeto localmente:

git clone https://github.com/seu-usuario/planner-web.git cd planner-web

Instale as dependências:

npm install

Inicie o servidor de desenvolvimento:

npm run dev

🧪 Testes

Este projeto está configurado para testes unitários utilizando Jest e React Testing Library. Para rodar os testes:

Instale as dependências de desenvolvimento (se ainda não instaladas):

npm install --save-dev jest @testing-library/react @testing-library/jest-dom

Execute os testes:

npm test

🌟 Contribuição

Contribuições são bem-vindas! Para contribuir:

Faça um fork do repositório. Crie uma nova branch para suas alterações:

git checkout -b minha-feature

Faça as alterações desejadas e envie um pull request.

📋 Licença

Este projeto está licenciado sob a MIT License.

Top categories

Loading Svelte Themes