https://github.com/devhyrum/tailwind-news-homepage
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.
https://github.com/devhyrum/tailwind-news-homepage
frontedmentor reactjs tailwindcss
Last synced: 3 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/devhyrum/tailwind-news-homepage
- Owner: devHyrum
- Created: 2024-06-20T03:28:35.000Z (12 months ago)
- Default Branch: master
- Last Pushed: 2024-09-07T22:03:38.000Z (9 months ago)
- Last Synced: 2025-01-22T16:32:46.330Z (4 months ago)
- Topics: frontedmentor, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://tailwind-news-homepage.vercel.app/
- Size: 1.16 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://www.frontendmentor.io/challenges/news-homepage-H6SWTa1MFl)**
## 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:
```bash
git clone https://github.com/devHyrum/Tailwind-News-Homepage.git
```
2. Navegue até o diretório do projeto:
```bash
cd Tailwind-News-Homepage
```
3. Instale as dependências:
```bash
npm install
```
## Estrutura do Projeto
```plaintext
├── 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.