https://github.com/tatyanepgoncalves/desafio-fixacao

Desafio do Vai na Web.
https://github.com/tatyanepgoncalves/desafio-fixacao

jsx react sass vite

Last synced: 12 days ago
JSON representation

Desafio do Vai na Web.

• Host: GitHub
• URL: https://github.com/tatyanepgoncalves/desafio-fixacao
• Owner: tatyanepgoncalves
• Created: 2025-01-21T14:23:36.000Z (16 days ago)
• Default Branch: main
• Last Pushed: 2025-01-23T23:09:31.000Z (13 days ago)
• Last Synced: 2025-01-24T00:19:23.431Z (13 days ago)
• Topics: jsx, react, sass, vite
• Language: JavaScript
• Homepage: https://tatyanepgoncalves.github.io/desafio-fixacao/
• Size: 901 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Atividade de Fixação de React

## 🔥 Introdução

Desafio proposta como formar de praticar React com uso de array de objetos.

Página para os seguintes objetivos:

- Um nome ou titulo.

- Uma imagem.

- Uma descrição, preço, outra informação interessante.

- Um texto alternativo para a imagem.

## ⚙️ Pré-requisitos

Antes de começar, certifique-se de ter as seguintes ferramentas instaladas em sua máquina:

1. **Node.js** (versão 14 ou superior) - [Download aqui](https://nodejs.org/)

2. **npm** (gerenciador de pacotes que vem com o Node.js)

3. **Git** (para clonar o repositório) - [Download aqui](https://git-scm.com/)

4. Um editor de código como o **Visual Studio Code** - [Download aqui](https://code.visualstudio.com/)

## 🔨 Guia de instalação

Siga os passos abaixo para configurar o projeto localmente:

### 1. Clone o Repositório

Abra o terminal e execute o comando:

```bash

git clone https://github.com/usuario/nome-do-projeto.git

```

### 2. Acesse o Diretório do Projeto

Navegue até o diretório clonado:

```bash

cd nome-do-projeto

```

## 3. Instale as Dependências

Use o comando abaixo para instalar todas as dependências necessárias:

Com npm:

```bash

npm install

```

## 4. Execute o Projeto

Para iniciar o servidor de desenvolvimento:

```bash

npm run dev

```

## 5. Acesse a Aplicação

Após iniciar o servidor, abra seu navegador e acesse:

```bash

http://localhost:3000

```

Ou a `URL` exibida no terminal.

## 📦 Tecnologias usadas

- ![Vite](https://img.shields.io/badge/vite-%23646CFF.svg?style=for-the-badge&logo=vite&logoColor=white)

- ![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

- ![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)

- ![SASS](https://img.shields.io/badge/SASS-hotpink.svg?style=for-the-badge&logo=SASS&logoColor=white)

- ![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white)

- ![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)

## 👷 Autores

- **Tatyane Gonçalves** - *Desenvolvedora* - [@tatyanepgoncalves](https://github.com/tatyanepgoncalves)