Code Monkey home page Code Monkey logo

felipe-seabra / portfolio Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 6.84 MB

Este é um repositório de um portfólio em React com TypeScript, Hooks, Nookies, React-Blurhash, React-Switch, Styled-Components, Eslint, Prettier e Husky. O projeto faz requisições para a API do GitHub para buscar informações de projetos, incluindo imagens e descrições.

Home Page: http://felipeseabra.dev.br/

Shell 0.15% JavaScript 0.12% HTML 1.88% TypeScript 97.85%
hooks nookies portfolio react styled-components switch-theme typescript website comitizen eslint

portfolio's Introduction

Portfólio em React com TypeScript

Este é um portfólio desenvolvido em React, uma biblioteca JavaScript popular para construir interfaces de usuário interativas. O projeto foi criado usando TypeScript, uma linguagem de programação que adiciona tipagem estática ao JavaScript, tornando o código mais fácil de ler e manter.

Para gerenciar o estado do aplicativo, foram utilizados Hooks, uma forma de adicionar funcionalidades aos componentes do React sem a necessidade de classes. Além disso, a biblioteca Nookies foi usada para gerenciar cookies no lado do cliente.

Para melhorar o desempenho, a biblioteca React-Blurhash foi usada para renderizar imagens de forma rápida e eficiente, enquanto a biblioteca React-Switch foi utilizada para criar elementos de comutação visualmente atraentes.

Para estilizar o aplicativo, a biblioteca Styled-Components foi utilizada. Esta biblioteca permite escrever CSS em um estilo similar ao do JavaScript, tornando o código mais legível e fácil de manter.

Para manter o código limpo e organizado, foram utilizados o Eslint, uma ferramenta de análise de código que ajuda a detectar e corrigir erros, e o Prettier, uma ferramenta de formatação de código que garante que o código esteja sempre com a mesma aparência e estilo.

Para otimizar a qualidade do código e facilitar o processo de desenvolvimento, o Husky foi usado para otimizar o commitzen. Isso significa que, ao fazer um commit, os arquivos serão verificados automaticamente para garantir que sigam as diretrizes de estilo e qualidade de código.

Além disso, o projeto faz requisições para a API do GitHub para buscar informações de projetos, incluindo imagens e descrições. Essa funcionalidade é possível graças à integração do aplicativo com a API do GitHub, permitindo que o usuário visualize informações detalhadas sobre seus projetos de software diretamente do portfólio. Essa funcionalidade é uma adição importante para qualquer desenvolvedor que deseja mostrar seus projetos de software de forma eficiente e clara em seu portfólio.

Rodando localmente

Clone o projeto

  git [email protected]:felipe-seabra/portfolio.git

Entre no diretório do projeto

  cd portfolio

Instale as dependências

  npm install

Inicie o servidor

  npm start

Demonstração

Vídeo demo

© Desenvolvido por Felipe Seabra

portfolio's People

Contributors

felipe-seabra avatar

Stargazers

 avatar  avatar

Watchers

 avatar

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.