Frontend de Usuários e Administrador

Express Pharmacy é uma aplicação Front-end construída durante o terceiro módulo do Curso Full Stack, organizado pelo SESI/SENAI, LAB365 e floripamaistec. Ele tem como objetivo a elaboração de um sistema de Marketplace para venda de produtos do setor farmacêutico, utilizando as tecnologias mais atuais do mercado , React js e Node.js,

Este repositório contém o código-fonte dos frontends para a aplicação de gerenciamento de usuários e administração de produtos e usuários. Utiliza React com Vite para criar interfaces de usuário interativas e responsivas.

Estrutura do Projeto

O repositório está organizado em duas pastas principais:

User

Esta pasta contém o código-fonte do frontend para a aplicação de gerenciamento de usuários. Aqui, você encontrará uma variedade de páginas, componentes e estilos exclusivos, todos dedicados a proporcionar uma experiência de usuário eficiente e amigável.

Admin

Dentro desta pasta, você terá acesso ao código-fonte do frontend para a aplicação de administração de produtos e usuários. Aqui, desenvolvemos uma série de páginas especializadas, componentes específicos e estilos personalizados para facilitar a administração de produtos e usuários de forma simplificada e intuitiva.

Cada uma dessas pastas representa uma área distinta de nosso projeto, cada uma com seu próprio conjunto de funcionalidades e designs cuidadosamente elaborados para atender às necessidades específicas de usuários e administradores.

Pré-requisitos

Certifique-se de ter os seguintes pacotes e tecnologias instalados antes de executar o projeto:

• Node.js
• Yarn ou npm

🛠️ Tecnologias Utilizadas

• React - Biblioteca JavaScript para criar interfaces de usuário.
• Vite - Build tool para projetos web.
• Npm ou Yarn - Gerenciadores de pacotes.
• React Router - Biblioteca para controle de rotas.
• React Bootstrap - Biblioteca de componentes para React.
• Axios - Biblioteca para requisições HTTP.
• Bootstrap Icons - Biblioteca de ícones.
• Bootstrap - Framework CSS.
• React Input Mask - Biblioteca para máscaras de input.

🔧 Como executar o projeto

1. Clone o repositório:

git clone https://github.com/FullStack-Itaguacu/M3P-FrontEnd-Squad1

2. Navegue até as pastas do projetos User e Admin:

cd User
cd Admin

3. Instale as dependências:

yarn install ou npm install

4. Execute o projeto:

yarn start ou npm run dev

5. Abra o navegador e acesse a página:

http://localhost:5173 "a porta padrão do vite"

Backend e Banco de Dados

Antes de executar o frontend, é importante ter o backend e o banco de dados configurados e em execução. Este projeto requer um backend que pode ser encontrado no seguinte repositório: M3P-BackEnd-Squad1.

Configuração do Backend

1. Clone o repositório do backend:

   git clone https://github.com/FullStack-Itaguacu/M3P-BackEnd-Squad1.git

2. Navegue até a pasta do projeto:

cd M3P-BackEnd-Squad1

3. Instale as dependências:

npm install

4. Execute o projeto:

npm run dev

Como Contribuir

Nós encorajamos a contribuição para este projeto. Se você encontrar problemas ou tem sugestões de melhorias, por favor, crie uma issue para que possamos discutir suas sugestões.

Se você deseja contribuir diretamente para o código, por favor, siga estes passos:

1. Fork o repositório
2. Crie uma branch para sua contribuição (git checkout -b feature/sua-contribuicao)
3. Faça commit de suas mudanças (git commit -m 'Adiciona sua contribuição')
4. Push para a branch (git push origin feature/sua-contribuicao)
5. Abra um Pull Request

Agradecemos antecipadamente por suas contribuições!

Você também pode ver a lista de todos os desenvolvedores que participaram desse projeto no Repositório do Projeto no GitHub.

🎁 Agradecimentos

• Gostaríamos de agradecer a toda equipe do SESI/SENAI, LAB365 e FLORIPAMAISTEC por todo suporte nesses nove meses do curso Full Stack. Com toda certeza sairemos desse ciclo com um grande conhecimento adquirido e melhor preparados para o mercado de trabalho na área da Tecnologia.
• Um agradecimento especial a cada professor que passou por nossa turma e que contribuiu para nossa evolução pessoal e profissional, com toda paciência e dedicação que tiveram em sanar nossos problemas e dúvidas.