O objetivo deste projeto é demonstrar a criação de componentes reutilizáveis e bem estruturados utilizando o padrão de composição(composition pattern).
O projeto gera um layout de cartões de visualização de blogs com dados falsos gerados pelo Faker.js.
O design deste projeto é baseado no desafio "Blog Preview Card" do site Frontend Mentor.
Esse projeto foi desenvolvido com as seguintes tecnologias:
- Vite: Ferramenta de build rápida e moderna.
- React: Biblioteca JavaScript para construção de interfaces de usuário.
- TypeScript: Superset do JavaScript que adiciona tipagem estática ao código.
- Tailwind CSS: Framework de CSS utilitário para criação de layouts responsivos.
- Faker.js: Biblioteca para geração de dados falsos.
| Comando | Ação |
|---|---|
npm install |
Instala as dependências |
npm run dev |
Inicia o servidor de desenvolvimento local em localhost:3000 |
Você pode visualizar o projeto em produção no seguinte link: