https://github.com/robsonlmds/site-front_random_pharses

O Random Pharses é um projeto front-end de uma aplicação que exibe frases aleatórias de filmes e séries. Com um design moderno e interativo, ele permite explorar e compartilhar citações icônicas armazenadas em um banco de dados.
https://github.com/robsonlmds/site-front_random_pharses

bootstrap html-css-javascript

Last synced: 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/robsonlmds/site-front_random_pharses
Owner: Robsonlmds
Created: 2024-11-28T17:30:41.000Z (6 months ago)
Default Branch: main
Last Pushed: 2025-03-16T22:22:51.000Z (3 months ago)
Last Synced: 2025-04-01T09:07:55.542Z (2 months ago)
Topics: bootstrap, html-css-javascript
Language: CSS
Homepage: https://github.com/Robsonlmds/JAVA-Random-pharses
Size: 654 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

✅ Completo | ✅ Responsivo

## Demonstração

![Random pharses GIF](assets/randomPharses.gif)

![Random quotes GIF](assets/randomQuotes.gif)

## 🛠️ Tecnologias Utilizadas

- **HTML5**
Estruturação semântica da aplicação.

- **CSS3**
Estilização com classes modulares e integração de fontes do Google Fonts.
Arquivos CSS utilizados:
- `css/styles.css`: Estilos globais.
- `css/home.css`: Estilos específicos para a página inicial.

- **JavaScript (ES6)**
Utilização de módulos para interatividade e manipulação de DOM.
Arquivo principal: `scripts/index.js`.

- **Banco de Dados (exemplo)**
- **Postgresql**: Armazenamento de frases e metadados (autor, filme, gênero, etc.).
- **API** para buscar e exibir frases aleatórias do banco de dados.

- **Google Fonts**
Fontes utilizadas:
- `Inter` para textos.
- `Material Symbols Outlined` para ícones.

---

## 🎨 Design

### **Fontes e Ícones**
- **Fonte principal**: Inter (Google Fonts).
- **Ícones**: Material Symbols Outlined.

### Cores (exemplo no CSS)
- Paleta moderna e amigável para leitura em telas.

## 👩🏻‍💻 Autor

_{Robson Lucas Messias}