https://github.com/odevthomas/job-frontend
O projeto Jobs é um aplicativo web desenvolvido com Vite e React , oferecendo uma plataforma interativa para pesquisa e visualização de vagas de emprego
https://github.com/odevthomas/job-frontend
api indeed jobs react
Last synced: about 1 year ago
JSON representation
O projeto Jobs é um aplicativo web desenvolvido com Vite e React , oferecendo uma plataforma interativa para pesquisa e visualização de vagas de emprego
- Host: GitHub
- URL: https://github.com/odevthomas/job-frontend
- Owner: odevthomas
- Created: 2025-02-21T22:52:53.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-22T16:31:12.000Z (about 1 year ago)
- Last Synced: 2025-02-22T17:28:40.877Z (about 1 year ago)
- Topics: api, indeed, jobs, react
- Language: JavaScript
- Homepage:
- Size: 49.8 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📌 Jobs - Plataforma de Vagas de Emprego
## 📖 Visão Geral
O projeto **Jobs** é uma aplicação web desenvolvida com **Vite** e **React**, oferecendo uma plataforma interativa para pesquisa e visualização de vagas de emprego. Os usuários podem filtrar empregos com base em localização e outras consultas para encontrar oportunidades relevantes.
---
## 🚀 Tecnologias Utilizadas
- **React**: Biblioteca JavaScript para construção de interfaces de usuário.
- **Vite**: Ferramenta de construção leve e rápida para desenvolvimento com suporte a módulos ES.
- **React Router**: Biblioteca para gerenciar o roteamento na aplicação.
- **Tailwind CSS**: Framework CSS para estilização rápida e responsiva.
- **ESLint**: Ferramenta para identificar e corrigir problemas no código JavaScript.
---
## 📂 Estrutura do Projeto
```plaintext
jobs/
├── public/
│ └── index.html
├── src/
│ ├── components/
│ │ ├── App.jsx
│ │ ├── JobCard.jsx
│ │ ├── JobCards.jsx
│ │ ├── MainPage.jsx
│ │ └── JobInfoPage.jsx
│ ├── data/
│ │ └── demoApiData.js
│ ├── App.jsx
│ └── index.jsx
├── package.json
└── vite.config.js
```
---
## 🛠 Instalação
Para instalar as dependências e configurar o projeto, siga os passos abaixo:
1. **Clone o repositório:**
```bash
git clone
cd jobs
```
2. **Instale as dependências:**
```bash
npm install
```
---
## ⚙️ Configuração
Certifique-se de que o arquivo `vite.config.js` está configurado corretamente para usar o plugin React. Um exemplo de configuração pode ser:
```javascript
// vite.config.js
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
export default defineConfig({
plugins: [react()],
});
```
---
## 📜 Scripts do NPM
Os seguintes scripts estão disponíveis no `package.json`:
- **`dev`**: Inicia o servidor de desenvolvimento.
- **`build`**: Cria uma versão otimizada da aplicação para produção.
- **`lint`**: Executa o ESLint para verificar problemas de estilo e qualidade de código.
- **`preview`**: Exibe uma versão prévia da construção otimizada.
---
## 🏗 Componentes Principais
### 🔹 `App.jsx`
Gerencia o roteamento e importa todos os componentes necessários da aplicação.
### 🔹 `JobCard.jsx`
Cria um componente de cartão básico para exibir informações sobre uma vaga de emprego.
### 🔹 `JobCards.jsx`
Renderiza vários componentes `JobCard`, permitindo que os usuários vejam uma lista de vagas disponíveis.
### 🔹 `demoApiData.js`
Contém dados de demonstração que simulam respostas de uma API para exibição de vagas.
### 🔹 `MainPage.jsx`
Interface de pesquisa que permite aos usuários buscar vagas com base em localização e consultas.
### 🔹 `JobInfoPage.jsx`
Exibe informações detalhadas sobre uma vaga específica quando o usuário clica em um cartão de trabalho.
---
## 🤝 Contribuição
Contribuições são bem-vindas! Siga os passos abaixo para contribuir:
1. **Faça um fork do repositório**
2. **Crie uma branch para sua funcionalidade** (`git checkout -b minha-feature`)
3. **Realize suas alterações e commit** (`git commit -m 'Minha nova funcionalidade'`)
4. **Envie para o repositório remoto** (`git push origin minha-feature`)
5. **Abra um Pull Request** 🚀
---
## 📜 Licença
Este projeto é licenciado sob a **MIT License**. Sinta-se à vontade para utilizá-lo e modificá-lo conforme necessário.
---
💡 _Desenvolvido com React e Vite para facilitar a busca por novas oportunidades!_ 🚀