https://github.com/lucas300/react_farmacia
Farmácia é um sistema web para gerenciamento de produtos e categorias. Front-end desenvolvido com React, TypeScript e Tailwind CSS, integrado a uma API em Java com Spring Boot.
https://github.com/lucas300/react_farmacia
axios react tailwindcss typescript vercel vite
Last synced: 16 days ago
JSON representation
Farmácia é um sistema web para gerenciamento de produtos e categorias. Front-end desenvolvido com React, TypeScript e Tailwind CSS, integrado a uma API em Java com Spring Boot.
- Host: GitHub
- URL: https://github.com/lucas300/react_farmacia
- Owner: Lucas300
- Created: 2025-02-24T12:08:16.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-10-03T02:29:29.000Z (9 months ago)
- Last Synced: 2025-10-03T04:21:13.193Z (9 months ago)
- Topics: axios, react, tailwindcss, typescript, vercel, vite
- Language: TypeScript
- Homepage: https://lucas-drogaria-sao-paulo.vercel.app/
- Size: 155 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 💊 Farmácia - Frontend
O **Farmácia** é uma aplicação web desenvolvida com **React e Tailwind CSS**, focada na gestão de produtos e categorias de uma farmácia. O projeto fornece uma interface moderna e responsiva para facilitar a administração dos dados.
Link do Projeto: [https://react-farmacia-blond.vercel.app/](https://lucas-drogaria-sao-paulo.vercel.app/)
Link do Backend: https://github.com/Lucas300/Backend_Farmacia
## 📌 Funcionalidades
### 🏷️ Categorias
- **📋 Listagem de Categorias**: Exibe todas as categorias de produtos
- **➕ Cadastro de Categorias**: Permite adicionar novas categorias
- **🗑️ Exclusão de Categorias**: Remove categorias do sistema
### 📦 Produtos
- **📋 Listagem de Produtos**: Exibe todos os produtos disponíveis
- **➕ Cadastro de Produtos**: Permite adicionar novos produtos
- **🗑️ Exclusão de Produtos**: Remove produtos do sistema
- **📑 Modal de Informações**: Exibe detalhes do produto
### ⚡ Outras Funcionalidades
- **🔗 Integração com o Backend** via API
- **🌍 Design Responsivo**
- **🖌️ Estilização moderna com Tailwind**
## 🛠️ Tecnologias Utilizadas
- **React.js com TypeScript (Vite)**
- **Tailwind CSS**
- **React Router DOM** (Navegação entre páginas)
- **Axios** (Requisições HTTP)
- **Phosphor Icons** (Ícones)