Skip to content

Kauacnok/cafe-mania

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 

Repository files navigation

Café Mania

Imagem com o layout do site na versão para pc, tablet ou celular

🧪 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

Frontend

  • [React]
  • [SassCss]
  • [Typescript]
  • [Radix-UI]
  • [Phosphor-react]

🚀 Como executar

Clone o projeto e acesse a pasta do mesmo

$ git clone https://github.com/Kauacnok/cafe-mania.git

$ cd web
$ npm i (para instalar as dependências)
$ npm run dev

💻 Projeto

O Café Mania é um site especializado para os amantes do café, lá você encontrará os melhores grãos de café.

Feedbacks sempre são bem vindos :)

🔖 Layout

O layout do projeto foi inspirado no Bedimcode - Create a Responsive Coffee Website Design Using HTML CSS & JavaScript

Você pode visualizar o layout do projeto através do link abaixo:

📖 O que eu aprendi

Nesse projeto trabalhei com o Sass CSS é uma biblioteca interessante apesar que acredito que não tenha usado 100% de tudo que o Sass oferece tive um pouco de dificuldade um pouco na estilização quando fazia o encadeamento do CSS parecia que as propiedades não tavam recebendo a estilização mas resolvido. Trabalhei também usando uma biblioteca de acessibilidade que foi o Radix-UI já havia trabalhado com acessibilidade com o Headless-UI, achei interessante no Radix que você instala os componentes conforme você vai precisando.

Hospedei o projeto na Vercel

📝 License

Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.