⚛️ Miranda React Project 2
📖 Content (conteúdo)
🇺🇸 English
🖥️ Deploy link
https://miranda-react-project2.netlify.app/
🌳 Development environment
Tool | Version |
---|---|
Node | 18.12.1 |
Docker | 20.10.20 |
Docker Compose | 2.12.0 |
ℹ️ Project info
- Why I did this project: It was part of the React section of Luiz Otávio Miranda’s course about React and Next.js;
- Core Technologies: React and CSS;
- Secondary Technologies: create-react-app and Docker (w/ compose);
- Description: The goal of this project was to practice hooks and context API;
🖨️ Cloning the project and opening it on VSCode
Prerequisites: You need to have Node.js and Git installed on your computer;
1. Clone the repository:
git clone git@github.com:rodrigomarchisilva/miranda-react-project2.git
2. Open the project:
cd miranda-react-project2
3. Make sure you have VSCode installed and running:
code -v
4. If not, download and install it:
5. Access it through VSCode:
code .
💻 How to run it locally
1. Install the dependencies:
npm install
2. Run the app:
npm start
🐋 How to run it through docker
1. Make sure you have Docker installed and running:
docker -v
2. If not, download and install it:
3. Build the image:
docker build -t miranda-react-project2 .
4. Run the container:
docker run -v ${PWD}:/app -v /app/node_modules -p 3000:3000 --rm miranda-react-project2
🐳 How to run it through docker-compose
1. Make sure you have Docker installed and running:
docker -v
2. If not, download and install it:
3. Make sure you have Docker Compose installed and running:
docker-compose -v
4. If not, download and install it:
5. Run the container:
npm run compose:up
6. Stop the container:
npm run compose:down
🏠 Home page
- Coming soon
📱 Responsiveness
- Coming soon
🇧🇷 Português
🖥️ Link do deploy
https://miranda-react-project2.netlify.app/
🌳 Ambiente de desenvolvimento
Ferramenta | Versão |
---|---|
Node | 18.12.1 |
Docker | 20.10.20 |
Docker Compose | 2.12.0 |
ℹ️ Informações do projeto
- Por que eu fiz esse projeto: Foi parte da seção de React do curso de React e Next.js do Luiz Otávio Miranda;
- Tecnologias principais: React (com componentes de classe, mas também componentes funcionais misturados para fins de aprendizado) e CSS;
- Tecnologias secundárias: create-react-app e Docker (com compose);
- Descrição: O objetivo desse projeto foi praticar hooks e context API;
🖨️ Clonando o projeto e abrindo no VSCode
Pré-requisitos: Você precisa ter o Node.js e o Git instalados no seu computador;
1. Clone o repositório:
git clone git@github.com:rodrigomarchisilva/miranda-react-project2.git
2. Abra o projeto:
cd miranda-react-project2
3. Certifique-se de ter o VSCode instalado e rodando:
code -v
4. Se não tiver, baixe e instale:
5. Acesse-o pelo VSCode:
code .
💻 Como rodar localmente
1. Instale as dependências:
npm install
2. Rode o app:
npm start
🐋 Como rodar através do docker
1. Certifique-se de ter o Docker instalado e rodando:
docker -v
2. Se não tiver, baixe e instale:
3. Faça o build da imagem:
docker build -t miranda-react-project2 .
4. Rode o container:
docker run -v ${PWD}:/app -v /app/node_modules -p 3000:3000 --rm miranda-react-project2
🐳 Como rodar através do docker-compose
1. Certifique-se de ter o Docker Compose instalado e rodando:
docker-compose -v
2. Se não tiver, baixe e instale:
3. Rode o container:
npm run compose:up
4. Pare o container:
npm run compose:down
🏠 Página inicial
- Em breve
📱 Responsividade
- Em breve