Tailwind-News-Homepage

Este é um projeto web construído com React e estilizado com Tailwind CSS. O design é responsivo e se ajusta a diferentes tamanhos de tela.

Descrição

O projeto é uma página web que inclui um cabeçalho, um artigo principal, uma seção de notícias e uma lista de artigos adicionais. O layout é projetado para ser limpo e moderno, com uma navegação fácil de usar. Design foi extraído de Frontend Mentor

Tecnologias Utilizadas

• React
• Tailwind CSS
• Vite (para a configuração do projeto React)
• Frontend Mentor

Instalação

1. Clone o repositório para a sua máquina local:

   git clone https://github.com/devHyrum/Tailwind-News-Homepage.git

2. Navegue até o diretório do projeto:

   cd Tailwind-News-Homepage

3. Instale as dependências:

   npm install

Estrutura do Projeto

├── src/
│ ├── assets/
│ │ └── images/
│ │ └── logo.svg
│ │ └── icon-menu.svg
│ │ └── desktop-design.jpg
│ ├── components/
│ │ └── Article.jsx
│ │ └── ArticleContainer.jsx
│ │ └── Header.jsx
│ │ └── MainArticle.jsx
│ │ └── Navbar.jsx
│ │ └── NewArticle.jsx
│ │ └── NewContainer.jsx
│ ├── App.jsx
│ └──  index.js
├── .gitignore
├── package.json
├── README.md
└── ...

Contribuição

Se você deseja contribuir com o projeto, sinta-se à vontade para fazer um fork do repositório, criar um branch com suas alterações e abrir um pull request.