https://github.com/tatyanepgoncalves/landing-page-bookmark

https://github.com/tatyanepgoncalves/landing-page-bookmark

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/tatyanepgoncalves/landing-page-bookmark
• Owner: tatyanepgoncalves
• Created: 2024-11-08T23:48:29.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-11-09T00:32:04.000Z (about 1 month ago)
• Last Synced: 2024-11-09T01:18:43.978Z (about 1 month ago)
• Language: TypeScript
• Size: 89.8 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


# Landing Page Bookmark 

## 🔥 Introdução

Os usuários devem ser capazes de:

- Ver o layout ideal para a interface dependendo do tamanho da tela do dispositivo

- Receber uma mensagem de erro quando o formulário da newsletter for enviado se:

  - O campo de entrada está vazio

  - O endereço de e-mail não está formatado corretamente

## ⚙️ Pré-requisitos

- Node.JS -> Certifique-se de ter o Node.JS instalado. Você pode baixar e instalar no [site oficial do Node.JS](https://nodejs.org/pt).

  ```

    node -v

    npm -v

  ```

- Vite -> Este é o bundler que usamos para criar e rodar o projeto React. Vite é rápido e otimizado para desenvolvimento.

  ```

    npm create vite@latest

  ```

- Dependências do Projeto -> Após criar o projeto com Vite, navegue até o diretório do projeto e instale as dependências que você precisará:

  - SASS ->  Para adicionar suporte ao Sass, instale o pacote:

  ```

    npm install sass

  ```

  - Lucide Icon -> Para ícones responsivos e leves, instale o pacote `lucide-react`:

  ```

    npm install lucide-react

  ```

  

- Executando o Projeto -> Com tudo configurado, você pode iniciar o servidor de desenvolvimento com:

  ```

  npm run dev

  ```

## 📦 Tecnologias usadas:

- React 

- Vite 

- TypeScript

- SASS

- Lucide Icon 

- JavaScript (ES6+) 

- HTML 

## 👷Autores

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

## ⭐ Expressões de gratidão

De uma ⭐ se gostou desse projeto.