Update README.md

spotify-imersao/README.md

@@ -1 +1,39 @@
-# spotify-imersao
+SPOTIFY 2 CLONE REACT
+this is officially my first react project (still in production). I'm also testing an alternative way of committing to this repository and hosting it with Pages.
+
+Projeto Clone Spotify - Imersão FrontEnd Alura
+Este repositório é o resultado do curso intensivo de #ImersãoFrontEnd na plataforma Alura, onde desenvolvemos um projeto clone do Spotify. Durante o curso, foram abordados conceitos essenciais de HTML, CSS, JavaScript, requisição de API e React.
+
+Dicas do Co-Fundador e CEO da Alura
+Durante o aprendizado, é fundamental superar o medo e criar uma abordagem que vá além do proposto em cada exercício. Adicionar seu toque pessoal fortalece a compreensão, enquanto compartilhar aprendizados detalhados no LinkedIn contribui para a consolidação do conhecimento. Anotar insights e enfrentar desafios inesperados também reforça o aprendizado. Sempre busque compartilhar suas experiências para promover o aprendizado contínuo.
+
+Tecnologias Utilizadas
+O projeto foi desenvolvido utilizando HTML, CSS, JavaScript, requisição de API e React. É importante destacar que, para compreender efetivamente frameworks como o React, é necessário consolidar as bases do front-end.
+
+Display: Total e Breve Explicação de Cada Tipo
+Block: Elemento que inicia em uma nova linha e ocupa toda a largura disponível. Empilha verticalmente.
+
+Inline: Elemento que não inicia em uma nova linha e ocupa apenas o espaço necessário para o conteúdo.
+
+Inline-block: Combina características de elementos inline e block, não inicia nova linha e permite definição de largura e altura.
+
+Flex: Cria um contêiner flexível, permitindo ajustes em tamanho, ordem e alinhamento dos itens.
+
+Grid: Cria um contêiner de layout em grade, facilitando o posicionamento de elementos em duas dimensões.
+
+Inline-flex: Semelhante ao flex, mas o contêiner flexível é tratado como um elemento inline.
+
+Table, table-row, table-cell: Usados para criar layouts semelhantes a tabelas.
+
+None: Elemento removido do fluxo de layout e não é renderizado na tela.
+
+Posicionamento: Relative e Absolute
+Relative: Comportamento em relação a si mesmo. O elemento é posicionado em relação à sua posição original, mantendo o espaço original.
+
+Absolute: Comportamento em relação ao ancestral posicionado mais próximo ou ao elemento raiz. Remove do fluxo normal do documento.
+
+Diferença entre NPX e NPM
+A diferença básica entre NPX e NPM é que o NPX executa a NPM. NPX é utilizado para executar pacotes diretamente, enquanto NPM é o gerenciador de pacotes que instala e gerencia dependências.
+
+Utilizando Git Bash no VS Code para Criação de API e Aplicação React
+Você pode utilizar o Git Bash no VS Code para a criação de APIs e aplicações React, facilitando o processo de desenvolvimento e versionamento de código.