/Dogs-React

Projeto final desenvolvido durante o curso de React da plataforma ORIGAMID.

Primary LanguageJavaScript

Dogs React App

Este projeto foi desenvolvido como parte do curso "React Completo" oferecido pela plataforma ORIGAMID. A aplicação utiliza React para criar uma experiência interativa de rede social para os nossos amigos de quatro patas.

Descrição

A aplicação tem como objetivo proporcionar uma experiência de rede social em torno do mundo dos nossos queridos pets. Utilizando tecnologias modernas como React e Vite e boas práticas de desenvolvimento, além de utilizar de conceitos consistentes de UI e UX para garantir a usabilidade e experiência do usuário.

Funcionalidades Principais

  • Autenticação e Autorização:

    • Implementação de rotas de login para autenticação de usuários.
    • Uso de contexto (userContext) para gerenciar o estado global de usuário.
    • Criação de rotas protegidas para garantir o acesso apenas a usuários autenticados.

  • Gerenciamento de Estado:

    • Utilização do hook useForm para gerenciar formulários.
    • Desenvolvimento do hook useFetch para facilitar o gerenciamento de requisições assíncronas.

  • Integração com API:

    • Uso da API Fetch para realizar requisições HTTP.
    • Implementação de validação de token para garantir a segurança da autenticação.

  • Componentização e Estilização:

    • Organização do código em componentes reutilizáveis.
    • Estilização personalizada para melhorar a experiência do usuário.

  • Funcionalidades Avançadas:

    • Lazy loading e suspense para otimizar o carregamento de componentes.
    • Scroll infinito para proporcionar uma experiência fluida ao usuário.

  • Manipulação de Dados:

    • Criação de funcionalidades como postagem de fotos, comentários e exclusão.
    • Desenvolvimento de um feed de postagens com modal interativo.

  • Validação de Dados:

    • Utilização do pacote prop-types para validar as propriedades dos componentes.

  • Tratamento de Erros:

    • Páginas personalizadas para perfil de usuário e tratamento de erro 404.
    • Implementação de recuperação de senha.

  • Build e Hospedagem:

    • Configuração do processo de build e hospedagem da aplicação.

Tecnologias Principais

  • React: ^18.2.0
  • React Router DOM: ^6.21.2
  • Vite: ^5.0.8
  • ESLint: ^8.55.0

Como Executar o Projeto

  1. Instalação de Dependências:

    npm install

  2. Executar em Ambiente de Desenvolvimento:

    npm run dev

  3. Build da Aplicação:

    npm run build

Sinta-se à vontade para explorar e contribuir para o desenvolvimento deste projeto. Se encontrar problemas ou tiver sugestões, abra uma issue neste repositório.