https://github.com/raizacirne/tabuada

Desenvolvimento de uma Calculadora de Tabuada em JavaScript. Com apenas alguns cliques, os usuários podem gerar e visualizar a tabuada de qualquer número entre 1 e 12. Além disso, a interface intuitiva e responsiva torna a experiência de uso fluida em qualquer dispositivo.
https://github.com/raizacirne/tabuada

css-grid css3 html5 javascript sass sass-mixins

Last synced: about 1 month ago
JSON representation

Desenvolvimento de uma Calculadora de Tabuada em JavaScript. Com apenas alguns cliques, os usuários podem gerar e visualizar a tabuada de qualquer número entre 1 e 12. Além disso, a interface intuitiva e responsiva torna a experiência de uso fluida em qualquer dispositivo.

• Host: GitHub
• URL: https://github.com/raizacirne/tabuada
• Owner: RaizaCirne
• Created: 2022-10-09T18:57:09.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-14T14:56:27.000Z (8 months ago)
• Last Synced: 2024-10-15T16:20:50.313Z (about 1 month ago)
• Topics: css-grid, css3, html5, javascript, sass, sass-mixins
• Language: SCSS
• Homepage: https://strong-pothos-30a6ea.netlify.app/
• Size: 2.66 MB
• Stars: 6
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 📋 Indíce

- [Bem-vindo](#id01)

- [Proposta](#id02)

- [Desafio](#id03)

- [Aprendizado](#id04)

- [Prosseguimento](id05)

- [Screenshots](#id06)

- [Links](#id07)

- [Tecnologias utilizadas](#id08)

- [Pré-requisitos](#id09)

- [Procedimentos de instalação](#id010)

- [Informações](#id011)

# Bem-vindo! 👋 

**Aplicativo Tabuada**




## 🚀 Proposta 

Este projeto consiste em uma calculadora projetada para tornar o aprendizado da tabuada mais interativo e acessível.




## :trophy: Desafio 

Realização de integração entre HTML, CSS e JavaScript, além da utilização de Pré-processador CSS (SCSS) e Responsividade.

## :trophy: Aprendizado 

#### Construído com:




- JavaScript

- Variáveis no SASS

- Estruturas condicionais

- Document Object Model (DOM)

- Media queries

- Responsividade

- SASS

- Mixins

- Váriaveis no SASS

## :trophy: Prosseguimento 

- Realizar outros projetos utilizando o React.js




# :camera_flash: Screenshots 

## :video_camera: Video

https://github.com/RaizaCirne/tabuada/assets/109912543/57d39c73-706d-48fd-86d3-f16f453b0430

## :desktop_computer: Desktop design

![Design preview desktop](./assets/images/tabuada-desktop.jpeg)

## :iphone: Mobile design

![Design preview desktop](./assets/images/tabuada-mobile.jpeg)




# :heavy_check_mark: Links 




- Para acessar o site [Clique aqui](https://strong-pothos-30a6ea.netlify.app/)




# 🛠 Tecnologias utilizadas 




- JavaScript

- SASS

- CSS3

- HTML5




# ☑️ Pré-requisitos 




- [x] Editor de código de sua preferência (recomendado VS code)

- [x] Git




# 📝 Procedimentos de instalação 




Clone este repositório usando o comando:

```bash

git clone https://github.com/RaizaCirne/tabuada.git

```

Baixar arquivo zip

Extrir arquivos

Abrir pasta no editor de código.




# :sunglasses: Informações 




- Personal Page - [Raíza Cirne Braz](https://strong-pothos-30a6ea.netlify.app/)

- Frontend Mentor - [@RaizaCirne](https://www.frontendmentor.io/profile/RaizaCirne)

- GitHub - [RaizaCirne](https://github.com/RaizaCirne)

- LinkedIn - [Raíza Cirne Braz](https://www.linkedin.com/in/ra%C3%ADzacirne/)

**JavaScript - SASS - CSS3 - HTML5** 🚀