Bem-vindo ao projeto Front-End Loja Horticultura! Este projeto é uma aplicação web desenvolvida para uma loja de floricultura, onde os usuários podem visualizar e comprar diversos produtos como suculentas, cactos, adubos e terras.
- Visualização de produtos com detalhes como nome, descrição, preço, imagem, categoria, estoque, status e quantidade.
- Filtros para facilitar a busca por produtos específicos.
- Adição de produtos ao carrinho de compras.
- Visualização do carrinho de compras com a possibilidade de alterar a quantidade de itens e remover itens.
- Finalização de compra.
- Contato via WhatsApp para tirar dúvidas sobre os produtos.
- React
- Axios
- Tailwind CSS
- React Router
- React Icons
- Lucide React
- Express
- Multer
- Node.js
A estrutura do projeto é organizada da seguinte forma:
public/
|-- logo.webp
src/
|-- admin/
| |-- painel-componentes/
| |-- ProductModal.jsx
| |-- painel-pages/
| |-- Estoque.jsx
|-- assets/
| |-- img/
| |-- Products/
| |-- Readme/
|-- components/
| |-- Carousel.jsx
| |-- ProductCard.jsx
| |-- Sidebar.jsx
|-- context/
|-- data/
| |-- ProductStock.json
|-- pages/
| |-- Cart.jsx
| |-- Home.jsx
|-- routes/
|-- store/
| |-- cartStore.js
|-- style/
|-- App.jsx
|-- index.css
|-- main.jsx
.gitignore
index.html
package.json
postcss.config.js
Readme.md
server.js
tailwind.config.js
vite.config.js
-
Clone o repositório:
git clone https://github.com/geilsonfreire/horticultura.git
-
Instale as dependências:
npm install
-
Inicie o servidor:
npm run dev
node server.js
-
Acesse a aplicação no web:
http://localhost:5173 -
Acesse servidor local:
http://localhost:5000