Skip to content

README.md

Latest commit

 

History

History
74 lines (58 loc) · 2.23 KB

README.md

File metadata and controls

74 lines (58 loc) · 2.23 KB
Raw

News CRUD Frontend

Este repositório contém a interface web para consumir a API de CRUD de notícias. O projeto foi desenvolvido utilizando React, Tailwind CSS, Axios, React-Toastify e dotenv para gerenciamento de variáveis de ambiente, consumo de API e feedback visual.

Tecnologias Utilizadas

  • React - Biblioteca para construção da interface.
  • Tailwind CSS - Framework CSS utilitário para estilização rápida.
  • Axios - Cliente HTTP para requisições à API.
  • React-Toastify - Biblioteca para exibir notificações amigáveis.
  • dotenv - Gerenciamento de variáveis de ambiente

Instalação e Configuração

  1. Clone este repositório: 
    git clone https://github.com/JoseDaniloS/CRUD-API-Web
  2. Acesse o diretório do projeto: 
    cd CRUD-API-Web
  3. Instale as dependências: 
    npm install
  4. Configure a URL da API no arquivo .env: 
    API_URL=http://localhost:3000/api/news

Executando o Projeto

Para iniciar o servidor de desenvolvimento, utilize:

npm run dev

O projeto será executado em http://localhost:5173 (ou na porta definida pelo Vite).

Funcionalidades

  • Listagem de notícias.
  • Criação de novas notícias.
  • Atualização de notícias existentes.
  • Exclusão de notícias individuais ou em massa.
  • Notificações amigáveis ao usuário (React-Toastify).

Estrutura do Projeto

news-crud-frontend/
├── src/
│   ├── components/  # Componentes reutilizáveis
│   ├── services/     # Configuração do Axios para consumo da API
│   ├── App.jsx       # Componente raiz do projeto
│   ├── main.jsx      # Arquivo de entrada
├── public/           # Arquivos estáticos
├── .env              # Configuração de variáveis de ambiente
├── package.json      # Dependências do projeto

Contribuição

Sinta-se à vontade para contribuir! Para sugerir melhorias:

  1. Fork o repositório.
  2. Crie uma branch (git checkout -b minha-feature).
  3. Commit suas alterações (git commit -m 'Minha nova feature').
  4. Envie um push para a branch (git push origin minha-feature).
  5. Abra um Pull Request.

Licença

Este projeto está sob a licença MIT.