Skip to content

camillamendess/typescript-fullstack-api

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Projeto FullStack - API e Frontend de Usuários

Este projeto foi criado com o objetivo principal de praticar e aprimorar conhecimentos adquiridos em estudos sobre desenvolvimento web full stack, utilizando tecnologias modernas tanto no backend quanto no frontend.

Backend: Desenvolvido com Node.js, Express.js, TypeScript e MongoDB, seguindo o Repository Pattern para melhor organização e desacoplamento da lógica de negócio e acesso a dados.

Frontend: Desenvolvido com React, Next.js, TailwindCSS e a biblioteca Shadcn UI para uma interface moderna e responsiva.


📜 Funcionalidades

A aplicação oferece as seguintes funcionalidades:

  • Criar usuário: Cadastro de novos usuários com campos como nome, cidade, país e imagem.
  • Listar usuários: Exibe todos os usuários cadastrados.
  • Atualizar usuário: Permite editar dados existentes de um usuário.
  • Deletar usuário: Remove um usuário do sistema.
  • Buscar usuário: Busca usuários pelo parâmetro de busca (search).

🛠 Estrutura do Projeto

O backend utiliza o Repository Pattern, que:

  • Separa a lógica de acesso a dados da lógica de negócio.
  • Facilita manutenção e testes.
  • Promove maior organização do código.

O frontend é construído com componentes reutilizáveis, hooks customizados para chamadas API e utiliza o TailwindCSS para estilização rápida e responsiva.


🚀 Tecnologias Utilizadas

Backend

  • Node.js
  • Express.js
  • TypeScript
  • MongoDB
  • Repository Pattern

Frontend

  • React
  • Next.js
  • TailwindCSS
  • Shadcn UI (componentes estilizados)
  • React Hook Form (para formulários)
  • Axios (para chamadas HTTP internas)

🌐 Demo

O projeto está disponível online:

About

Projeto FullStack - API e Frontend de Usuários

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published