Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/diegoreports/alura-instabytes-frontend
https://github.com/diegoreports/alura-instabytes-frontend
Last synced: 18 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/diegoreports/alura-instabytes-frontend
- Owner: DiegoReports
- Created: 2024-11-27T13:09:02.000Z (28 days ago)
- Default Branch: main
- Last Pushed: 2024-11-27T14:21:09.000Z (28 days ago)
- Last Synced: 2024-11-27T14:29:50.241Z (28 days ago)
- Language: CSS
- Homepage: https://alura-instabytes-frontend.vercel.app
- Size: 25.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Alura - Imersão back-end
![]()
![]()
## Tecnologias
![]()
![]()
![]()
![]()
![]()
Este é o repositório do front-end do projeto.
**IMPORTANTE:** É necessário ter o [Node.js](https://nodejs.org/) instalado em seu computador antes de executar os comandos de instalação e execução do projeto. Versão recomendada: v20.x.x.
## PASSO 1: Baixe o código do projeto:
### Opção 1 - Clonando o repositório para o seu perfil no GitHub
> Para utilizar essa opção é necessário ter o [Git](https://git-scm.com/downloads) instalado e configurado em seu computador. Caso não esteja instalado ou você não tenha certeza, prossiga com a **opção 2** e baixe o .zip do projeto.
1. Faça o **fork** do projeto clicando no botão **Fork** na parte superior direita da página;
2. Faça o **clone** do repositório para seu computador:
- Clique no botão **<> Code** e copie o endereço remoto do repositório;
- Abra o terminal, navegue até a pasta raiz onde deseja baixar o projeto e execute o comando `git clone `;
- Você pode acessar a pasta do projeto direto pelo Visual Studio Code, clicando em File > Open Folder e selecionando a pasta do projeto.### Opção 2 - Baixando um arquivo .zip
1. clique no botão **<> Code** e, em seguida, no botão **Download ZIP**;
2. uma pasta zipada será baixada para a pasta de downloads determinada pelo seu navegador;
3. descompacte os arquivos clicando no ícone da pasta zipada e transfira os arquivos para a pasta de projetos de sua preferência.## PASSO 2: Instale o projeto:
### Opção 1 - Utilizando o terminal do Visual Studio Code
1. Abra a pasta do projeto no Visual Studio Code clicando em File > Open Folder e selecionando a pasta do projeto;
2. Clique em Terminal > New Terminal no menu superior do Visual Studio Code. O terminal deve abrir já direcionando para a pasta correta do projeto;
3. Execute o comando `npm install` e aguarde a finalização.### Opção 2 - Utilizando outros terminais
1. Abra o terminal de sua preferência e navegue até a pasta do projeto, utilizando os comandos de navegação como `cd `;
2. Com o prompt apontando para a raiz da pasta do projeto, execute o comando `npm install` e aguarde a finalização.## PASSO 3: Execute o projeto para subir o servidor local:
Acesse o terminal (do Visual Studio Code ou outro), certifique-se que esteja exibindo a pasta correta do projeto e execute o comando `npm run dev`. O terminal deverá retornar:
```
> dev
> npx parcel --port 8000 index.htmlServer running at http://localhost:8000
✨ Built in xxxms
```O projeto estará disponível no endereço http://localhost:8000 e você poderá acessá-lo no navegador de sua preferência.