Projeto do curso React: lidando com arquivos estáticos da Alura, curso ministrado pelo instrutoro Luiz Fernando Ribeiro.
| 🪧 Vitrine.Dev | |
|---|---|
| ✨ Nome | Aluroni |
| 🏷️ Tecnologias | html, css, js, sass, css modules, node, typescript, react |
Neste projeto, foi desenvolvida uma página de cardápio para o restaurante Aluroni, que inclui filtros de busca, opções de ordenação e um campo de busca.
O código foi desenvolvido em React com TypeScript e estilizado usando CSS Modules e Sass.
- Detalhes do projeto
- Tópicos Desenvolvidos
- Demonstração
- Pré-Requisito
- Instalação
- Como usar
- Tecnologias
- Autor
- Crie um projeto do zero com Create React App
- Aprenda a utilizar o normalize.css para resetar estilos padrões de navegadores
- Configure absolute imports para não precisar mais importar arquivos com vários níveis ('../../../')
- Aprenda boas práticas em CSS como criar variáveis, criar arquivos para estas variáveis e para breakpoints de media-queries
- Utilize o pacote classnames para poder utilizar o CSS Modules sem precisar concatenar um monte de estilos CSS e lidar com estilos condicionais
- Aprenda como utilizar o SVGR, um pacote que vem no Create React App para importar svgs como componentes React
- Entenda como o React entende os imports estáticos tanto via arquivos .js quanto em arquivos de estilos como .scss ou .css. Aprenda como importar arquivos estáticos como * variáveis via js ou utilizando a pasta public para imports dinâmicos de arquivos estáticos
desktop-aluroni.mp4
mobile-aluroni.mp4
- Node
1. git clone https://github.com/Epiled/aluroni.git
2. cd aluroni
3. npm install
1. npm start
2. Caso a url não abra sozinha acesse através deste caminho http://localhost:3000/
As seguintes tecnologias foram usadas na construção deste projeto:
Felipe De Andrade
Feito com ❤️ por Felipe De Andrade 👋🏽 Entre em contato!
