Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ludson96/project-trybe-warts

Neste projeto, desenvolvi uma página de formulário da Escola de Magia de Trybewarts, em que as pessoas estudantes poderão enviar seus feedbacks sobre ela.
https://github.com/ludson96/project-trybe-warts

code-runner css css3 forms git html html5 javascript js live-server responsive

Last synced: 13 days ago
JSON representation

Neste projeto, desenvolvi uma página de formulário da Escola de Magia de Trybewarts, em que as pessoas estudantes poderão enviar seus feedbacks sobre ela.

Awesome Lists containing this project

README

        

# Repositório do projeto Trybewarts Wizarding School! 🧙🏽

# 🚧 Estilização em desenvolvimento ! 🚧

## Módulo: FUNDAMENTOS

Repositório possuí projeto desenvolvido no período que estive na **Trybe**, abordando sobre conceitos de estilização responsiva, incluindo mobile first, manipulação do DOM com Javascript, Formulários e reutilização de código.

## Informações de aprendizados

- Este é um projeto desenvolvido para praticar `HTML`, `CSS` e `JavaScript`;
- Utilizei a extensão [Live Server][Live Server] no VSCode para visualizar as alterações em tempo real.
- Utilizei a extensão [Code Runner][Code Runner] executar minhas funções.

## Linguagens e ferramentas usadas

[![Git][Git-logo]][Git-url]
[![ESLint][ESLint-logo]][ESLint-url]
[![HTML5][HTML5-logo]][HTML5-url]
[![CSS3][CSS3-logo]][CSS3-url]
[![JavaScript][JavaScript-logo]][JavaScript-url]

## O que foi desenvolvido

Neste projeto, desenvolvi uma página de formulário da Escola de Magia de Trybewarts, em que as pessoas estudantes poderão enviar seus feedbacks sobre ela. O tema desse projeto é baseado na obra 'Harry Potter', de J. K. Rowling, já que programar é o mais próximo que podemos chegar de algo verdadeiramente mágico! Mas não se preocupe se não tiver conhecimento sobre o universo da obra original, pois essa é uma versão própria da Escola de Bruxaria.

![Formulário][forms]

## Instruções para instalar e rodar

1. Clone o repo:

```bash
git clone [email protected]:Ludson96/project-trybe-warts.git
```

1. Entre na pasta do repositório que você acabou de clonar:

```bash
cd project-trybewarts
```

1. Abra o arquivo `index.html` no seu navegador, ou utilize a extensão [Live Server][Live Server].

[Code Runner]: https://marketplace.visualstudio.com/items?itemName=formulahendry.code-runner
[Live Server]: https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
[forms]: ./formulario.gif
[Git-logo]: https://img.shields.io/badge/git-%23F05033.svg?style=for-the-badge&logo=git&logoColor=white
[Git-url]: https://git-scm.com
[ESLint-logo]: https://img.shields.io/badge/ESLint-4B3263?style=for-the-badge&logo=eslint&logoColor=white
[ESLint-url]: https://eslint.org/
[HTML5-logo]: https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white
[HTML5-url]: https://developer.mozilla.org/pt-BR/docs/Web/HTML
[CSS3-logo]: https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white
[CSS3-url]: https://developer.mozilla.org/pt-BR/docs/Web/CSS
[JavaScript-logo]: https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E
[JavaScript-url]: https://www.javascript.com/