Alura Studies

Descrição

Este projeto foi desenvolvido seguindo o curso "React: lidando com arquivos estáticos", da Alura, e consiste em um site fictício de restaurante.

Criação de um projeto do zero com Create React App;
Normalize.css para resetar estilos padrões de navegadores;
Absolute imports para não precisar mais importar arquivos com vários níveis ('../../../');
Boas práticas em CSS: como criar variáveis, criar arquivos para estas variáveis e para breakpoints de media-queries;
Pacote classnames para poder utilizar o CSS Modules sem precisar concatenar um monte de estilos CSS e lidar com estilos condicionais;
SVGR, um pacote que vem no Create React App para importar svgs como componentes React;
Como o React entende os imports estáticos tanto via arquivos .js quanto em arquivos de estilos como .scss ou .css. Como importar arquivos estáticos como variáveis via js ou utilizando a pasta public para imports dinâmicos de arquivos estáticos.

Certifique-se de ter o Git instalado em sua máquina. Você pode verificar digitando o seguinte comando no terminal:
```
 git --version
```
Se o Git não estiver instalado, você pode baixá-lo e instalá-lo a partir do site oficial do Git.
Abra o terminal ou prompt de comando e navegue até o diretório em que deseja clonar o projeto ReactJS.
Clone o repositório do projeto executando o seguinte comando:
```
 git clone https://github.com/fabiofrasson/aluroni.git
```
Após a conclusão do comando, você terá uma cópia local do projeto ReactJS em seu diretório atual.
Navegue até o diretório do projeto clonado usando o seguinte comando:
```
 cd aluroni  
```
Instale as dependências do projeto executando o comando:
```
 npm i
```
Certifique-se de ter o Node.js e o npm (gerenciador de pacotes do Node.js) instalados em sua máquina. Você pode baixá-los e instalá-los a partir do site oficial do Node.js.
Após a conclusão da instalação das dependências, você pode iniciar o servidor de desenvolvimento executando o seguinte comando:
```
 npm start
```
Isso iniciará o servidor de desenvolvimento e abrirá o projeto ReactJS no seu navegador padrão.
Abra o navegador e digite a URL http://localhost:3000/ na barra de endereço.

Caso prefira ver diretamente a versão publicada da aplicação, basta clicar aqui.