Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/ludson96/project-trybe-warts
- Owner: ludson96
- License: mit
- Created: 2023-03-14T23:55:39.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-03-19T18:50:24.000Z (almost 2 years ago)
- Last Synced: 2024-11-28T13:24:18.219Z (2 months ago)
- Topics: code-runner, css, css3, forms, git, html, html5, javascript, js, live-server, responsive
- Language: HTML
- Homepage:
- Size: 504 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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/