Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/oliveirafullstack/tech-news
Landing-page de Notícias
https://github.com/oliveirafullstack/tech-news
astro html sass
Last synced: 2 months ago
JSON representation
Landing-page de Notícias
- Host: GitHub
- URL: https://github.com/oliveirafullstack/tech-news
- Owner: oliveirafullstack
- Created: 2024-11-21T19:28:43.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-12-03T16:43:33.000Z (2 months ago)
- Last Synced: 2024-12-03T17:18:40.477Z (2 months ago)
- Topics: astro, html, sass
- Language: Astro
- Homepage: https://tech-news-black.vercel.app
- Size: 7.94 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
Framework de desenvolvimento
# 🗞️ Tech News | OFS
> [!NOTE]
> Table of Contents
- [Project description](#project-description)
- [Functionalities](#functionalities)
- [Setup](#setup)
- [Prerequisites](#prerequisites)
- [technologies and tools](#technologies-and-tools)
- [Instalation](#instalation)
- [Usage](#usage)
- [Update](#update)
- [References](#references)
- [Contributors or owners](#contributors-or-owners)
- [Contribute-to-the-projects](#contribute-to-the-projects)
- [Contact](#contact)
- [License](#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](https://www.rocketseat.com.br/).
`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
- [x] **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](https://nodejs.org/en/) com a versão _20 ou superior_.
> - Um editor de códigos onde eu recomendo o [VCode](https://code.visualstudio.com/)
> - E o [git](https://git-scm.com/downloads) 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](https://docs.github.com/pt/pull-requests/collaborating-with-pull-requests/working-with-forks/fork-a-repo) 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](https://docs.github.com/pt/repositories/creating-and-managing-repositories/cloning-a-repository) 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
```bash
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
```bash
pnpm install
```
## Usage
**2. Inicie o Servidor com o seguinte comando dentro do Terminal**
Gerenciador de pacotes usado
**Pnpm**
Command Line
```bash
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](https://rocketseat.com.br/)
## Contributors or owners
Emmanuel Oliveira
developed by 💖 [Emmanuel Oliveira](https://www.linkedin.com/feed/?trk=homepage-basic_sign-in-submit)
© 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
[](https://www.linkedin.com/in/emmanuel-marcos-oliveira/)
[](https://wa.me/5511968336094)
😁Obrigado por chegar até aqui!
## License
Released in 2024 This project is under the **MIT license**
[`voltar ao topo`](#️-tech-news--ofs)