Este projeto é uma réplica funcional de um site de notícias, criado utilizando Vite, React e TypeScript. O design foi recriado a partir de um screenshot fornecido, incluindo uma barra de navegação (Navbar), seções de notícias e um rodapé (Footer). A estrutura do projeto foi organizada para garantir reutilização de componentes e facilidade de manutenção.
- Vite: Ferramenta rápida e otimizada para construção de projetos front-end modernos.
- React: Biblioteca JavaScript para construção de interfaces de usuário.
- TypeScript: Superset do JavaScript que adiciona tipagem estática, melhorando a qualidade do código e detectando erros mais cedo.
- CSS Module: Para estilização modular e escopada aos componentes.
Siga os passos abaixo para rodar o projeto na sua máquina:
- Node.js (v14 ou superior)
- npm (v6 ou superior) ou yarn (opcional)
- Clone o repositório:
git clone https://github.com/seu-usuario/nome-do-repositorio.git
-
Acesse o diretório do projeto:
cd nome-do-repositorio
-
Instale as dependências:
npm install
ou
yarn install
Após a instalação das dependências, rode o projeto com:
npm run dev
ou
yarn dev
O projeto será iniciado no endereço http://localhost:3000
.
- Design Responsivo: O site adapta-se a diferentes tamanhos de tela, garantindo boa experiência em dispositivos móveis.
- Componentização: A estrutura modular dos componentes facilita a manutenção e a adição de novas funcionalidades.
- Performance Otimizada: Utilização de Vite para garantir tempos de compilação rápidos e um ambiente de desenvolvimento fluido.
Este projeto pode ser facilmente expandido ou adaptado para atender a outros tipos de conteúdo ou design. Você pode adicionar novas seções, integrar uma API de notícias ou ajustar o layout de acordo com suas necessidades.
Contribuições são bem-vindas! Sinta-se à vontade para abrir issues ou enviar pull requests.
Este projeto está licenciado sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.