Café Mania

🧪 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:

• Acessar o site

📖 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.