Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/adrianovolter/pharmacy_central-system

Projeto Avaliativo | Modulo 1 do curso FullStack .
https://github.com/adrianovolter/pharmacy_central-system

bootstrap context-api css git gitflow github github-actions hooks html javascript localstorage npm react-bootstrap react-router-dom reactjs vscode

Last synced: 13 days ago
JSON representation

Projeto Avaliativo | Modulo 1 do curso FullStack .

Awesome Lists containing this project

README

        

****

## Projeto Avaliativo | Modulo 1 Curso FullStack | Senai/LAB365 |

***
# Pharmacy Central System


Este é um projeto em React.js com Vite, que tem como objetivo servir como um sistema para gerenciar farmácias e medicamentos.

****
## Funcionalidades do sistema


  • Página de login

  • Página de cadastro de usuário

  • Página que lista as farmácias

  • Página de cadastro de farmácias

  • Página que lista todos os medicamentos

  • Página cadastro de medicamentos

  • Página de erro

### Para instalação é necessário :

#### Clone o repositório do projeto

```bash
git clone https://github.com/AdrianoVolter/pharmacy_central-system.git
```
###

Instale npm

```bash
npm install
```
Inicie o servidor de desenvolvimento com o comando:
```bash
npm run dev
```

****

## Tecnologias utilizadas





### Dependencias usando Npm


  • React-DOM

  • React-Bootstrap

  • React-Icons

  • React-Router-DOM

  • React-Input-Mask

## Versionamento


  • Git Flow

## Detalhes das páginas:

![alt text](src/assets/loogin.png)

### Página de cadastro de usuário:

![alt text](src/assets/form-user.png)

### Página Lista de Farmácias :

![alt text](src/assets/list-farm.png)

### Modal que exibe informações da farmácia :

![alt text](src/assets/modal-farm.png)

### Página cadastrar uma farmácia ao clicar no botão:

![alt text](src/assets/form-farm.png)

### Página que lista os medicamentos :

![alt text](src/assets/list-med.png)

### Modal que exibe informações do medicamento :
![alt text](src/assets/modal-med.png)

### Página cadastrar um medicamento ao clicar no botão:

![alt text](src/assets/form-med.png)

### Página de Erro 404:

![alt text](src/assets/erro.png)
## Projeto criado por Adriano Jose Volter
### Link do repositório [Click aqui !](https://github.com/AdrianoVolter/pharmacy_central-system)

### Meu perfil do GitHub [ Click aqui !](https://github.com/AdrianoVolter)