Giter Club home page Giter Club logo

portifolio-react's Introduction

Portifolio Em React

  • 🟦 Front End - React

  • 🟪 BackEnd - Node.js

  • 🟨 Banco de dados MongoDB

Em fase de Produção (postado na internet)

Branch de Produção

portifolio-react's People

Contributors

thalys93 avatar

Stargazers

 avatar

Watchers

 avatar

portifolio-react's Issues

Botão Link do Modal em desktop Não funciona

Ao Clicar com o botão esquerdo no link do modal dos projetos, nada ocorre.
mas se clicar com o botão do meio ou botão direito, ele abre ou manda para o link.
verificar o bug no modal.
pois só ocorre no desktop, para mobile, a página dos projetos funciona perfeitamente.
certamente deve ser algum user select none, em algum dos arquivos de responsividade do projeto

Começar a Criar as Tabelas e Coleções

Começar a Criar as Tabelas/Coleções Fundamentais do Site
uma Delas que é a mais comum e genérica é a dos Projetos, onde será incluído um titulo, descrição, foto/print

Criação de Tela de Error

Atualmente, o meu portfólio não possui uma tela de erro personalizada para lidar com situações de erro, como páginas não encontradas (404) ou erros de servidor (500). É importante ter uma tela de erro adequada para fornecer uma experiência de usuário melhorada e lidar de forma apropriada com essas situações.

A tarefa deste issue é criar e estilizar uma tela de erro personalizada para o meu portfólio. Isso inclui o design e a implementação de uma página de erro estilizada, que seja visualmente atraente e forneça informações claras aos usuários sobre o erro ocorrido. Além disso, a tela de erro deve ser responsiva, para garantir uma experiência consistente em diferentes dispositivos e tamanhos de tela.

Atividades planejadas:

  • Definir os requisitos e especificações para a tela de erro, incluindo o design, a estrutura e o conteúdo da página.
  • Implementar o código necessário para criar a tela de erro, utilizando tecnologias front end como React, CSS e HTML.
  • Estilizar a tela de erro de acordo com o design definido, garantindo uma aparência visualmente atraente e profissional.
  • Testar a tela de erro em diferentes dispositivos e tamanhos de tela, para garantir a responsividade e a adequada exibição em todos os cenários.
  • Realizar revisões e ajustes necessários com base no feedback recebido e validar a tela de erro com os princípios de usabilidade e acessibilidade.

Corrigir a Responsividade em Telas Mobile

Atualmente, ao abrir os projetos no meu portfólio em dispositivos móveis, a descrição dos projetos não está sendo redimensionada corretamente, o que resulta em parte do conteúdo ficando fora da tela, tornando a leitura difícil para os usuários.

A descrição dos projetos é um elemento importante do meu portfólio, e é crucial garantir que ela seja exibida corretamente em telas de todos os tamanhos, incluindo dispositivos móveis.

A tarefa deste issue é corrigir a responsividade dos projetos, para que a descrição dos projetos se ajuste adequadamente à tela dos dispositivos móveis, garantindo que o conteúdo seja legível e acessível para os usuários.

Atividades planejadas:

  • Identificar a causa do problema de responsividade na descrição dos projetos em telas móveis.

  • Implementar as correções necessárias no código do front end, utilizando técnicas de design responsivo e CSS adequado.

  • Realizar testes em diferentes dispositivos móveis para verificar a correção da responsividade e garantir que a descrição dos projetos seja exibida corretamente em todas as telas.

  • Validar a correção com os princípios de usabilidade e acessibilidade, garantindo que o conteúdo seja legível e acessível para todos os usuários.


Adicionar favIcon

Criei recentemente o meu portfólio em React e notei que ainda não tenho um favicon configurado. O favicon é uma pequena imagem que aparece na aba do navegador, ajudando a identificar o site.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.