Menu Close

miranda-react-project2

⚛️ 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
View Source Code
Posted in Development