Skip to content

Latest commit

 

History

History
49 lines (25 loc) · 2.48 KB

README.pt-br.md

File metadata and controls

49 lines (25 loc) · 2.48 KB

Projeto NextJS 14 - CRUD de Todo's

en

Este repositório contém um projeto desenvolvido com Next.js 14, com o objetivo de estudar e explorar as capacidades deste poderoso framework React. O projeto consiste em um CRUD (Create, Read, Update, Delete) de tarefas (Todo's) e utiliza uma variedade de bibliotecas e ferramentas modernas.

🚀 Tecnologias Utilizadas

  • Next.js 14: O framework React que oferece uma experiência de desenvolvimento eficiente e escalável para aplicações web modernas.

  • TypeScript: Uma linguagem de programação que adiciona tipagem estática ao JavaScript, proporcionando um desenvolvimento mais seguro e robusto.

  • Tailwind CSS: Uma ferramenta de utilitários de primeira classe para criação de estilos em aplicações web, facilitando a estilização com uma abordagem baseada em classes.

  • React Aria (components): Uma biblioteca de componentes acessíveis para React, ajudando a criar interfaces web inclusivas e acessíveis.

  • MongoDB: Um banco de dados NoSQL amplamente utilizado para armazenar dados de forma flexível e escalável.

  • Zustand: Uma biblioteca minimalista de gerenciamento de estado para React, oferecendo uma maneira simples de gerenciar o estado da aplicação.

  • Formik e Yup: Bibliotecas para gerenciamento de formulários em React, simplificando a validação e manipulação de dados de formulários.

📂 Estrutura do Projeto

O projeto está estruturado de maneira intuitiva, com os principais diretórios sendo:

  • /src/app: Contém as rotas e lógica da aplicação, seguindo a convenção de rotas do Next.js.

  • /src/components: Componentes relacionados à interface do usuário.

  • /src/shared-components: Componentes compartilhados, como Button, Modal, Input, TextArea, etc.

  • /src/utils: Funções utilitárias e helpers.

🔧 Como Iniciar o Projeto

  1. Instalação de Dependências: Execute npm install para instalar as dependências do projeto.

  2. Configuração do Banco de Dados: Certifique-se de configurar as credenciais do MongoDB no arquivo de configuração.

  3. Iniciar o Servidor de Desenvolvimento: Execute npm run dev para iniciar o servidor de desenvolvimento.

Acesse http://localhost:3000 para visualizar o projeto em seu navegador.

📝 Licença

Este projeto está licenciado sob a MIT License.