Framework de desenvolvimento

🗞️ Tech News | OFS

Note

Table of Contents

• Project description
  • Functionalities
• Setup
  • Prerequisites
  • technologies and tools
• Instalation
  • Usage
  • Update
• References
• Contributors or owners
  • Contribute-to-the-projects
• Contact
• License

Project Description

Tech News é uma landing-page onde são divulgados artigos relacionados a Tecnologia.
Projeto foi desenvolvido para a pratica de tecnologias, como Astro,HTML,SASS.
Minha fonte de motivação deste projeto foi a RocketSeat.

Task

• Desenvolver uma landing-page de notícias.

Charlenge

Os Maiores desafios foram:
trabalhar com compressão de Imagens dentro do Astro estilizando os elementos com SASS.

Functionalities

• Landing-page de Notícias

Tip

Baixe o Projeto em seu Computador e veja como ficou.

Setup

Requisitos necessários para rodar o projeto:

Prerequisites

Node.js VSCode Git

Important

• Run Time Node.js com a versão 20 ou superior.
  
• Um editor de códigos onde eu recomendo o VCode
  
• E o git uma aplicação de versionamento de código.

technologies and tools

Astro JavaScript HTML SASS Pnpm

Instalation

Para rodar o projeto em seu computador você tera que fazer o fork do repositório. Caso você não saiba como fazer, estou deixando um link da documentação oficial do gitHub, onde é esclarecido como fazer esses processo.
Fazendo esse processo você tera uma copia desse Repositório no seu GitHub.

Depois de ter feito o fork vamos fazer o clone desse Repositório através do VSCode.
Caso você não saiba como fazer, estou deixando um link para a documentação oficial do gitHub onde é esclarecido como fazer esse processo.
_{Command Line}

git clone https://github.com/oliveirafullstack/tech-news

Com o VSCode aberto, abra o terminal. pelo VsCode e vamos fazer a instalação das dependências necessárias para a execução do Projeto:

1. Instalando as dependências

Gerenciador de pacotes usado

Pnpm

_{Command Line}

pnpm  install

Usage

2. Inicie o Servidor com o seguinte comando dentro do Terminal

Gerenciador de pacotes usado

Pnpm

_{Command Line}

pnpm dev

Ira aparecer um Pop-up solicitando que você clique para acessar o projeto no seu navegador. Segure a tecla Control e clique no local especificado, o projeto será aberto em uma nova aba do seu navegador Preferido.

Imagem de demostração do Projeto

Acesse a versão on-line Projeto clicando no Link Abaixo

Update

Nessa seção teremos as atualizações do Projeto:

References

Acesse: RocketSeat

Contributors or owners

Emmanuel Oliveira

developed by 💖 Emmanuel Oliveira
© Todos os Direitos Reservados

Contribute to the projects

Clique na seta abaixo para ver como você pode contribuir.

Como fazer uma contribuição ao Projeto ?

• Familiarize-se com a documentação do projeto, que geralmente inclui guias de instalação.
  
• Explore o código do projeto para entender sua estrutura e funcionamento.

Faça um Fork

• Crie uma cópia (fork) do repositório original em sua conta do GitHub.
  

Clone o Repositório

Isso criará uma cópia local do projeto, onde você poderá fazer suas modificações.

Crie uma Nova Branch:

• Crie uma nova branch para isolar suas alterações.
  
• Isso facilita a organização do seu trabalho e a criação de pull requests.
  

Faça as Alterações:

• Crie funcionalidades, mude estilos ou resolva bugs que iram contribuir para a melhoria do Projeto.
  

Crie um Pull Request:

• Inclua uma descrição clara das suas alterações e explique como elas resolvem o problema ou melhoram o projeto.
  
• Solicitação: Envie um pull request para o repositório original, solicitando que suas alterações sejam incorporadas ao projeto.
  

Revise e Responda a Feedback:

• Colabore: Os mantenedores do projeto podem solicitar alterações ou fornecer feedback sobre o seu código.

Contact

_{😁Obrigado por chegar até aqui!}

License

Released in 2024 This project is under the MIT license

voltar ao topo