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

https://github.com/lucasrznd/frontend-gspot

Aplicação React para API de gerenciamento de SPOTS.
https://github.com/lucasrznd/frontend-gspot

javascript node nodejs primeflex primeicons primereact reactjs tailwindcss

Last synced: 6 months ago
JSON representation

Aplicação React para API de gerenciamento de SPOTS.

Awesome Lists containing this project

README

          

Sistema Gerenciador de SPOTS

![NodeJS](https://img.shields.io/badge/node.js-6DA55F?style=for-the-badge&logo=node.js&logoColor=white)
![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)
![React Query](https://img.shields.io/badge/-React%20Query-FF4154?style=for-the-badge&logo=react%20query&logoColor=white)


Descrição •
Funcionalidades •
Instalação •
Contribuição

📙 Descrição

Frontend desenvolvido em ReactJS para API de gerenciamento de SPOTS, que são gravações curtas vendidas por uma empresa de rádio. A aplicação permite o cadastro de locutores, empresas associadas e spots, facilitando o controle e a pesquisa de todos os spots registrados.

✨ Funcionalidades

- **Tela de Locutores**: Adicione e gerencie locutores que realizam as gravações.
- **Tela de Empresas**: Adicione e gerencie empresas associadas às gravações.
- **Tela de Spots**: Adicione e gerencie spots, especificando o título, locutor e empresa associada.

### Tecnologias Utilizadas

- **ReactJS**: Biblioteca JavaScript para construção de interfaces de usuário.
- **PrimeReact**: Biblioteca de componentes de UI para React.
- **Primeflex**: Biblioteca de utilitários CSS para layouts flexíveis.
- **React Query**: Biblioteca para gerenciamento de estado do servidor e cache de dados.

🖥️ Telas

Locutores
Empresas


Prancheta 1
Pranchea 2

Spots
Home


Prancheta 3
Prancheta 4

### Pré-requisitos

- [Node.js](https://nodejs.org/) (versão 14 ou superior)
- [npm](https://www.npmjs.com/) ou [yarn](https://yarnpkg.com/)

🛠️ Instalação

Siga os passos abaixo para configurar o projeto em sua máquina local:

1. Clone o repositório:
```bash
git clone https://github.com/lucasrznd/frontend-gspot.git
cd frontend-gspot
```

2. Instale as dependências do projeto:
```bash
npm install
# or
yarn install
```

### Rodando a aplicação

Para iniciar a aplicação em modo de desenvolvimento, execute o comando:

```bash
npm start
# or
yarn start
```

🤝 Contribuição

Contribuições são bem-vindas! Se você tiver sugestões, melhorias ou encontrar bugs, sinta-se à vontade para abrir uma issue ou enviar um pull request.

👨🏻‍💻 Author



Lucas Rezende
Lucas Rezende

💻