O projeto Aluroni é o site de um restaurante de massas italianas e funciona como uma página de cardápio digital. Nele é possivel buscar, filtrar por categoria e ordenar por preço, tamanho e quantidade de pessoas os pratos disponíveis no restaurante. Foi desenvolvido durante os cursos "React: lidando com arquivos estáticos", "React: conhecendo a biblioteca React Router" e "React: otimizando a performance" da Alura.
O objetivo do projeto é praticar os seguintes conceitos:
- Criação componentes reutilizáveis
- Criação de rotas utilizando o react-router-dom
- Utilização dos hooks: useState, useEffect, useParams, useNavigate
- Otimização de performance com:
- Realização da memoização um componente (React.memo)
- Utilização do hook useMemo
- Utilização do React.lazy para realizar carregamento dinâmico de páginas e componentes
As tecnologias usadas foram:
- React
- TypeScript
- React router dom
- Sass
- CSS modules
Para abrir e rodar o projeto, execute npm i para instalar as dependências e npm start para inicar o projeto.
Depois, acesse http://localhost:3000/ no seu navegador.