Ornamental Nursery Project

Projeto de Viveiro Ornamental

Bem-vindo ao Projeto Viveiro Ornamental, uma loja online de um viveiro de plantas ornamentais localizado no Chile. Este projeto é meu primeiro empreendimento oficial em desenvolvimento web, apresentando um site dinâmico e fácil de usar para uma creche local.

Visão geral do projeto

Este projeto apresenta um viveiro de plantas ornamentais no Chile, proporcionando uma plataforma online onde os clientes podem explorar e comprar uma variedade de plantas ornamentais. O site é construído usando PHP para back-end, Vanilla JavaScript para interatividade, SCSS para estilo e Gulp para automação de tarefas. A arquitetura segue o padrão Model-View-Controller (MVC) para garantir uma base de código limpa e organizada.

Características

• Autenticação de usuário: login e registro seguros para clientes.
• Catálogo de produtos: navegue por uma ampla variedade de plantas ornamentais com descrições e imagens detalhadas.
• Carrinho de compras: adicione plantas a um carrinho de compras e gerencie o carrinho antes de finalizar a compra.
• Gerenciamento de pedidos: os clientes podem visualizar seu histórico de pedidos e rastrear os pedidos atuais.
• Design responsivo: otimizado para desktop e dispositivos móveis para uma experiência de usuário perfeita.

Tecnologias Utilizadas

• Back-end: PHP
• Front-end: Vanilla JavaScript
• Estilo: SCSS
• Executor de tarefas: Gulp
• Arquitetura: Model-View-Controller (MVC)

Estrutura do Projeto

• controllers/ - Contém os controladores que gerenciam a lógica do aplicativo.
• models/ - Contém os modelos que representam os dados e a lógica de negócios.
• views/ - Contém as visualizações responsáveis ​​por exibir a interface do usuário.
• public/ - Contém arquivos acessíveis publicamente, como CSS, JavaScript e imagens.
• src/scss/ - Arquivos fonte para estilo SCSS.
• gulpfile.js - Configuração para tarefas Gulp.

Instalação

Para configurar o projeto localmente, siga estas etapas:

1. Clone o repositório:

   git clone https://github.com/yourusername/ornamental-nursery-project.git

2. Navegue até o diretório do projeto:

    cd ornamental-nursery-project

3. Instalar dependências:

   npm install

4. Compile SCSS e observe as alterações:

   gulp

5. Configure o banco de dados:

   • Crie um banco de dados MySQL e importe o arquivo SQL fornecido.
   • Configure a conexão com o banco de dados no arquivo config.php .

6. Inicie o servidor de desenvolvimento:

   • Use um servidor de desenvolvimento local (por exemplo, XAMPP, WAMP, MAMP) para servir os arquivos do projeto.

Uso

1. Acesse o Site:

   • Abra seu navegador da web e navegue até http://localhost/ornamental-nursery-project .

2. Explore os recursos:

   • Navegue pelo catálogo, adicione itens ao carrinho e prossiga para finalizar a compra.

3. Gerenciar pedidos:

   • Faça login para visualizar seu histórico de pedidos e acompanhar os pedidos atuais.

Contribuindo

Contribuições são bem-vindas! Se você tiver sugestões de melhorias ou novos recursos, sinta-se à vontade para abrir um problema ou enviar uma solicitação pull.

Licença

Este projeto está licenciado sob a licença MIT. Consulte o arquivo LICENSE para obter detalhes.

Agradecimentos

• Agradecimentos especiais à creche local pela colaboração neste projeto.
• Obrigado à comunidade de código aberto por fornecer as ferramentas e recursos que tornaram este projeto possível.chile