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.
O repositório está organizado em duas pastas principais:
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.
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.
Certifique-se de ter os seguintes pacotes e tecnologias instalados antes de executar o projeto:
- 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.
- Clone o repositório:
git clone https://github.com/FullStack-Itaguacu/M3P-FrontEnd-Squad1
- Navegue até as pastas do projetos User e Admin:
cd User
cd Admin
- Instale as dependências:
yarn install ou npm install
- Execute o projeto:
yarn start ou npm run dev
- Abra o navegador e acesse a página:
http://localhost:5173 "a porta padrão do vite"
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.
- Clone o repositório do backend:
git clone https://github.com/FullStack-Itaguacu/M3P-BackEnd-Squad1.git
- Navegue até a pasta do projeto:
cd M3P-BackEnd-Squad1
- Instale as dependências:
npm install
- Execute o projeto:
npm run dev
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:
- Fork o repositório
- Crie uma branch para sua contribuição (
git checkout -b feature/sua-contribuicao
) - Faça commit de suas mudanças (
git commit -m 'Adiciona sua contribuição'
) - Push para a branch (
git push origin feature/sua-contribuicao
) - Abra um Pull Request
Agradecemos antecipadamente por suas contribuições!
Luis Federico Vilar Velazquez | LinkedIn |
Willyan G Gutierres Gonçalves | LinkedIn |
Adriano Jose Volter | LinkedIn |
Filipe Bratti Schmidt | LinkedIn |
Você também pode ver a lista de todos os desenvolvedores que participaram desse projeto no Repositório do Projeto no GitHub.
- 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.